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

Related

Guides for Viewer

All guides →

Interactive JSON tree viewer

Paste any JSON document and explore it as a collapsible tree. Click next to any object or array to collapse it — the node shows a count of hidden keys or items so you can navigate large documents without losing context. Click to expand it again, or use Collapse all / Expand all in the panel header.

Looking for a way to view json from an API call, a log line, or a config file? This is an online json viewer, json online viewer, jsonviewer, jsonview, json visualizer, geojson viewer, json object viewer, obj viewer, json document viewer, json file viewer (.json file viewer), and json reader online built for that exact use case — paste, parse, fold and unfold. (Common misspellings: json viewr, json viwer — same tool.) For React projects, react-json-view embeds the same kind of tree in your app; this page is the zero-install alternative when you just need to inspect a payload. Use it whenever an editor's built-in viewer is missing or too cluttered, or when you need to make a deeply nested response json readable online. Drilling into the tree also doubles as a lightweight json path finder — every key you expand shows its location in the document.

If your input has syntax errors, the viewer attempts to repair them before rendering. Use the JSON Fix tool for detailed repair output, or JSON Validator to see the exact error position.

FAQ

Why is my tree empty?

A tree can only be built from parseable JSON. If your input has syntax errors (trailing commas, single quotes, unquoted keys, comments), repair it first with JSON Fix, then view the cleaned result.