JSON Viewer
Processed Client SideExplore JSON as an interactive collapsible tree. Click any object or array to expand or collapse it.
Bookmark this tool now — skip the search next time you need it.
About JSON Viewer
This tool runs entirely in your browser. Whatever you paste is processed on your own device and is never uploaded, logged, or sent to any server.
Explore a JSON document as an interactive collapsible tree instead of scrolling through formatted text. Every object and array becomes a node you can fold away, so you can collapse the parts you do not care about and drill into the one branch you do — which is how you actually find a field in a large API response. Expand all and Collapse all give you both extremes in one click, values are colour-coded by type so strings, numbers, booleans, and nulls are distinguishable at a glance, and a parse failure reports the line it happened on rather than just refusing to render. Very long string values are shortened in the tree with an ellipsis, so one field holding a base64 blob or an encoded token cannot push the rest of the document off the screen.
Key features
- Interactive tree with every object and array collapsible by clicking it
- Expand all and Collapse all for jumping between the overview and the detail
- Values colour-coded by type — strings, numbers, booleans, and nulls each look different
- Array and object nodes show their size, so you know how much is folded away
- Parse errors report the offending line number instead of failing silently
- Handles deeply nested documents and long arrays without a size limit
- Long string values truncated in the display, so a single encoded field does not swamp the tree around it
- Collapse state tracked per node, so opening a branch does not reset the folding you set up elsewhere
- Syntax-highlighted input pane alongside the tree
- Runs entirely in your browser — nothing you paste is uploaded
How to use it
- Paste your JSON into the input pane and click Parse.
- Click any object or array to fold or unfold it.
- Use Collapse all to get an overview of the top-level shape, then open just the branch you need.
- Use Expand all when you want to read or search the whole document at once.
Tips & common mistakes
- Start with Collapse all on an unfamiliar payload. Seeing the top-level keys alone tells you more about the shape than scrolling through hundreds of formatted lines.
- This is the tool for exploring a response; the JSON Formatter is the tool for producing text you will paste somewhere else.
- Expand all before using your browser find, since collapsed nodes are not in the document and will not be matched.
- If it will not parse, run the input through the JSON Validator, which reports the failure with the parser message and line.
- For a nested structure whose depth is the thing you are trying to understand, the JSON Tree Viewer draws connector lines that make the hierarchy clearer.
- For a flat record you want to read field by field, JSON to Table lays the same data out as key and value rows.
- Truncated values are shortened only in the display. Copy the document out of the input pane, or use the JSON Formatter, when you need the full contents of a long field rather than a look at it.
- Collapse everything, then open the same branch in two browser tabs side by side. Comparing two responses this way is quicker than reading either, though the JSON Diff tool will do it properly.
- To query the tree with a JSONPath expression instead of browsing by hand, use the JSONPath Tester.