JSON Viewer
View JSON as an interactive, keyboard-friendly tree with expand and collapse, copyable paths and support for large files. Private, in your browser.
Paste JSON to explore it as a tree.
Paste JSON, open a file, or load an example to get started. Validation runs as you type.
Processed locally in your browser. Your data never leaves your device.
About this JSON viewer
A JSON viewer turns a wall of text into a tree you can fold and unfold. Objects and arrays collapse to a one-line summary, strings, numbers, booleans and null are colored by type, and the path of the selected node is shown so you can copy it into code, a query or a bug report. The tree is fully keyboard accessible and works on screen readers.
How to use it
- Paste JSON, drop a file, or choose Open file. The tree opens the first two levels.
- Click a row, or focus the tree and use the keyboard, to move through it.
- Copy the selected node's path with Copy path, or open the Formatted tab for the full pretty-printed text.
Keyboard shortcuts
- Up / Down move between rows. Home / End jump to the first or last row.
- Right expands a collapsed node, or moves to its first child. Left collapses it, or moves to the parent.
- Enter or Space toggles the current node. Page Up / Page Down move by a page.
Reading a path
Paths follow the JSONPath convention. $ is the document root, .name selects an object property, and [0] selects an array item, so $.users[0].name is the name of the first user. Keys that are not plain identifiers, such as ones with spaces, dots or dashes, use brackets and quotes: $["first name"].
Large documents
The tree only draws the rows in view, and only the containers you have expanded are counted, so the cost depends on what you are looking at rather than on the size of the file. Expand all opens up to 50,000 containers at once, and the tree shows at most 100,000 rows at a time; collapse a branch to see the rest.
Frequently asked questions
- How large a document can the tree handle?
- Up to 5 MB for the tree. Only the rows you can see are drawn, so even documents with hundreds of thousands of nodes stay smooth to scroll. For larger files, use the formatter or validator, which accept up to 10 MB.
- What does { 3 keys } or [ 5 items ] mean?
- It is a collapsed object or array with that many entries. Expand it with the arrow, the right arrow key, or Enter.
- Can I edit the JSON in the tree?
- The tree is read-only. Edit the text in the input and the tree updates. Use Expand all and Collapse all to reshape the view.
- Is my data sent anywhere?
- No. The tree is built in your browser. Nothing you paste or open leaves your device.