JSON Viewer

Explore JSON data in an interactive collapsible tree with type highlighting and copyable JSON paths. Client-side only.

JSON input
Tree view

What this JSON viewer does

This JSON viewer turns any JSON document into a collapsible tree. Nested objects and arrays can be expanded and collapsed, values are color-coded by type, and clicking any node copies its JSON path (for example$.meta.stats.runs). Everything is rendered locally in your browser.

How to use it

Paste your JSON into the input pane. The tree updates as you type.
Click the arrow next to an object or array to expand or collapse it. The first two levels are expanded by default.
Click a key to copy its JSON path, useful for API debugging and data transformation tools.
Expand all / Collapse all toggles the whole tree at once.

Updated 2026-08-07 · Runs in your browser — your data never leaves this page.