JSON Tree Viewer

Explore deeply nested JSON as a collapsible tree, with inline add, edit, and delete on any node. Prefer a plain text view? Try the JSON Formatter.

Free JSON Tree Viewer & Editor

Paste any JSON payload and explore it as a collapsible tree instead of a wall of text — click the caret next to any object or array to expand or collapse it. Unlike a read-only pretty-printer, every node here is editable: click a value to change it in place, use the + button to add a new key or array item, and the × button to remove a node entirely.

When you're done, click Copy JSON to get the current tree state back as a JSON string.

Frequently Asked Questions

1. How do I edit a value?

Click directly on the value — it turns into an editable field. Press Enter or click away to commit the change. Typing true, false, null, or a number is recognized as that type rather than plain text.

2. How do I add a new key or array item?

Click the + button next to any object or array node. For objects you'll be asked for a key name; for arrays, a new item is appended automatically.

3. Is my JSON sent anywhere?

No, parsing, rendering, and editing all happen locally in your browser.