JSON tree viewer
Open the structure visually. Collapse arrays, expand objects, and grab the JSONPath of any node with a single click.
Ready when you are.
Paste JSON on the left, or click Sample to try a quick example. Validation runs as you type — entirely in your browser.
Reading the tree
Each leaf displays its JSON type as a small badge: string, number, boolean, null. Containers show the number of items when collapsed. Hover any row to reveal a copy chip with the full JSONPath — useful for writing JMESPath, jq, or front-end selectors.
Examples
{
"users": [
{"id":1},
{"id":2},
{"id":3}
]
}▸ users: Array(3)
Click ▸ to expand. The count appears next to the type.
{ "name": "Ada", "age": 36, "admin": true, "team": null }name: "Ada" string age: 36 number admin: true boolean team: null null
{"users":[{"email":"ada@example.com"}]}Hover users[0].email → click chip → $.users[0].email copied
Use cases
- Exploring an unknown API
Drop in a sample response, expand the structure, and learn the schema visually.
- Picking selectors
Find the exact JSONPath of a value before writing jq, JMESPath, or a front-end accessor.
- Comparing payloads
Open two tabs with different responses and visually diff which fields appear where.
- Inspecting fixtures
Make sense of large test fixtures without scrolling through thousands of lines.
Frequently asked questions
What is a JSON tree viewer?+
An interactive view of a JSON document where objects and arrays can be collapsed and expanded, and each leaf shows its type. It makes deeply nested data navigable.
How do I copy a JSONPath?+
Hover any node in the tree and click the path chip ($.users[0].email) to copy it to your clipboard.
Does it work for big files?+
Yes. Parsing is fast; for very large arrays the viewer lazily expands children so the initial render stays snappy.