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 over a leaf node to see the path to that value, written like $.items[0].sku.
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.
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