input.json
tree
Tree appears here after parsing.
Paste JSON and click View to explore it as a collapsible tree.

Interactive JSON tree viewer

Paste JSON and select View to render the parsed value as an expandable tree. Objects display their keys, arrays display their items in order, and primitive values have distinct visual styles. Collapse a noisy object or array to a key or item count and expand it when you need the detail back.

This is especially helpful when API responses where the field you care about is several levels down from metadata, pagination or repeated records. Collapse all shows you a brief outline of the document. Expand all displays the complete structure again.

How to Use the JSON Viewer

  1. Remove secrets and paste the JSON into the input editor.
  2. Choose View. The tree is generated after parsing; it does not update until you run the action again.
  3. Use the arrows beside objects and arrays to hide or reveal branches.
  4. Return to the source editor when you need to copy exact text or modify the document.

The tree you see now is for navigation, not editing. It lacks JSONPath queries, copy-path controls, schema validation and a dedicated map view for GeoJSON coordinates.

What happens when the input is invalid

The first step is to try a strict parse. Otherwise, it tries the site common-syntax repair pass and displays the repaired value if successful. This can deal with typical mistakes such as trailing commas, single quotes, but it cannot safely invent missing business data or fix every malformed structure.

If a repair succeeds, treat the tree as a view of the repaired result, not proof that the original text was valid. Use JSON Fix when you need to inspect the exact formatted output, then run the JSON Validator.

Large documents and privacy

Every expanded node has to be rendered in the browser, so if you have large branches you can collapse them for easier inspection. For very large payloads, a streaming or command line tool may have a more predictable memory footprint.

Parsing and rendering trees is done locally in the browser. Still, change API keys, access tokens, personal data, and production identifiers before pasting them into any web page.

FAQ

Why is my tree empty?

A tree requires a parsed value. If strict parsing and the limited repair pass both fail, correct the input with JSON Fix and try the validated output.

Can I copy the JSON path of a node?

Not in the current viewer. The tree shows nesting visually, but it does not calculate or copy JSONPath expressions.

Is my JSON payload secure on this site?

The input is parsed in your browser, not sent to a viewer API. Do not paste in live credentials or unrestricted production data. Local processing is one privacy control, not a full data-handling policy.