JSON Tree Viewer
Nested JSON is hard to read as text and easy to read as a tree. Expand what you care about, leave the rest collapsed, and find any value by searching for it.
Reading a deep document
Every object and array starts collapsed, showing how many children it has. That single fact - {30} or [84] - usually tells you more about a document than the first screen of its text would.
Expand All opens everything, up to a limit, and warns you when it stops rather than opening a million rows and stalling. Collapse All takes you back to the top level.
Keyboard navigation
Click into the tree and drive it without the mouse, the way a file explorer works:
- Up and Down move between rows.
- Right opens a closed node, or steps into an open one.
- Left closes an open node, or walks back out to its parent.
- Enter selects the row and generates the code to reach it.
- Home and End jump to the first and last row.
Long values
A row is one line, so a long URL or a paragraph of text will not fit. Two things help: scroll the tree sideways to read it in place, with the key column staying pinned to the left, or select the row and read the whole value in the panel on the right, however long it is.
Questions
- How do I view nested JSON as a tree?
- Paste the document and it appears as a tree automatically. Click a chevron to expand a node, or use Expand All to open everything at once.
- Can it handle deeply nested JSON?
- Yes. Depth is not a problem, and neither is size - only the rows on screen are drawn, so scrolling stays smooth even on documents with hundreds of thousands of nodes.
- How do I find a value in a large document?
- Press Ctrl+F, type what you are looking for, and press Enter to jump to each match. The tree expands and scrolls to every hit, and the matched text is highlighted in both keys and values.