Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

JSON Viewer

json-viewer

Collapsible JSON tree viewer with syntax highlighting, search, and copy path

@elementsRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Collapsible tree view with type-based coloring, search filter, and copy JSONPath on hover.
2 other registries

Similar components

Other registries' take on json-viewer.

JSON Viewer
m@mischief
Component
JSON Viewer
p@pulld
Component
@elements

More from @elements

All 40 items
Theme Switcher Switch
theme-switcher-switch
Component
AI Thinking Indicator
thinking-indicator
Component
UploadThing Button
uploadthing-button
Block
UploadThing Image Grid
uploadthing-image-grid
Block
AI Chat Input
chat-input
Component
UploadThing Progress
uploadthing-progress
Block
Env Editor
env-editor
Component
Webhook Tester
webhook-tester
Component