JSON Viewer
Explore JSON as a collapsible tree and read off access paths
What is JSON Viewer?
A JSON tree viewer renders nested data as a collapsible hierarchy, labels every branch with its type and child count, and reveals the access path for a leaf node when you hover over it. It is the fastest way to make sense of a deeply nested API response, and parsing happens locally.
How to use JSON Viewer
- 1Paste your JSON and the tree is built on the right as you type.
- 2Click a branch node to collapse or expand it; the first two levels are open by default.
- 3Hover the ⓘ beside any node to see its access path, written like $.items[0].sku, and click to copy it.
- 4Hover any field in the editor on the left and a crosshair appears at the end of the line; click it to expand and highlight the matching node in the tree — in a response with tens of thousands of lines that saves expanding level by level.
Frequently asked questions
Why not just read the formatted text?+
Once nesting runs three or four levels deep and arrays get long, pretty-printed text becomes a scrolling marathon. A tree lets you collapse every irrelevant branch and expand only the path you are investigating, which is noticeably faster.
How do I find where a field sits in the structure of a huge JSON document?+
Use the editor find widget (Ctrl+F / ⌘F) to jump to the line, then leave the pointer on it: a crosshair appears at the end of the line. Click it and the tree on the right expands every ancestor of that field, scrolls it into view, and flashes it briefly. The reverse direction works too — the ⓘ beside any node gives its full access path, ready to paste into code or jq.
Can I paste the access path straight into my code?+
Yes. The paths use JSONPath syntax, so `$.a.b[0]` becomes ordinary JavaScript property access once you drop the leading `$`, and jq accepts the same expression written as `.a.b[0]`.
Related tools
All toolsJSON Formatter
Format, minify, and validate JSON with line-and-column error reporting
JSON Validator
Validate JSON syntax and pinpoint the failing line and column
JSON Escape / Unescape
Escape and unescape JSON strings
SQL Formatter
Beautify SQL per dialect, including MySQL and PostgreSQL
XML Formatter
Pretty-print or minify XML while checking that every tag is closed
YAML Formatter & Validator
Validate YAML syntax and normalize the indentation