JSON Tree Viewer
Runs in your browserFold away everything you don't care about, search what's left, click anything for its path.
Input
Tree
Paste some JSON and the tree shows up here.
Details
Click anything in the tree.
Its path, type, and value land here, ready to copy.
Exploring large JSON documents
The tree viewer renders objects and arrays lazily — only a page of children at a time, expandable on demand — so pasting a large API response won't lock up the tab. Click any node to see its resolved JSON path, type, and value in the details panel, or use the search box to highlight matching keys and values anywhere in the document.
Questions
- How do I get the path to one specific value?
- Click it. The Details panel gives you the path ($.users[0].address.city), the type, and the value — each with its own copy button, so you can paste straight into your code.
- Why did the tree refuse to render my document?
- Extremely large documents (over 5,000 nodes) are still parsed and statistics are still computed, but rendering every node as an interactive DOM element could freeze the tab, so the tree view is disabled as a safety measure.