JSON Viewer

Paste JSON on the left and explore it as a collapsible tree on the right. Click any value to see its path, then copy the path or the value itself.

Input

Tree

Click a value to see its path

Walkthrough

How to use it

Paste any JSON document into the input pane on the left.
Objects and arrays render as a collapsible tree — click the arrow to expand or collapse a node.
Use Expand all / Collapse all to fold or unfold the entire tree at once.
Click any value to see its path (like users[0].address.city) and copy either the path or the raw value.

Use cases

When you'd use this

Reading a large API response. A 500-line JSON blob is far easier to navigate when nested objects collapse to a single line.

Building a jq query or JSONPath. Click values to grab the exact path, then use it in jq, JSONPath, or your own code.

Reviewing a config file. Walk through a nested settings file level by level instead of scrolling through raw text.

FAQ

Common questions

Is my JSON sent anywhere?

No. Parsing and tree rendering happen entirely in your browser with JavaScript's built-in JSON.parse. Nothing is transmitted, logged, or stored — closing the tab clears everything.

How do large documents perform?

Very large payloads (multiple megabytes) may take a moment to render since the tree is built on the main thread. Typical API responses and config files render instantly.

What happens if the JSON is invalid?

The status line shows the exact error, including the line and column where parsing failed, so you can fix the input directly.