Deeply nested JSON is hard to read as text. Paste it above and press Tree to open a full-screen, interactive tree where every object and array can be expanded and collapsed.
The tree opens fully expanded and shows the type of each value and the number of items in every object and array, so you can see the shape of an API response at a glance.
Example
{"user":{"id":1,"profile":{"name":"Ada","links":[{"type":"github","url":"https://github.com/ada"},{"type":"site","url":"https://example.com"}]},"roles":["admin","editor"]}}Copy any part of your JSON
Hover any value, object or array in the tree and click the copy icon to copy just that part as JSON. Copy All copies the whole document exactly as formatted.
Works with broken JSON
If the input is invalid, press Fix first and the tree opens on the repaired JSON. Escaped JSON strings are unescaped automatically, so the tree shows the real structure instead of one long string.
Keyboard
Esccloses the tree.Ctrl/Cmd + Fsearches the input or output text.Ctrl/Cmd + Shift + Fformats,Ctrl/Cmd + Shift + Mminifies,Ctrl/Cmd + Enterfixes.
Frequently asked questions
Can I view a JSON file as a tree?
Yes. Open the file in any editor, copy its contents and paste them here. Documents up to 5 MB are validated and formatted as you type.
Is my JSON sent to a server to build the tree?
No. The tree is built in your browser.