How to view JSON as a tree
- Paste JSON into the left panel, drag a
.jsonfile onto it, click the upload icon (up to 5 MB), or use Load from URL. - The tree appears on the right as you type. The first two levels are expanded; click the arrow next to any key to open or close it, or click the
12 itemsbadge on a collapsed node. - Click a key or array index to copy its JSONPath, for example
$.customer.email. Click a value to copy it, or the copy button on an object or array to copy that branch as JSON. - Switch to Code for the formatted text; the indent dropdown (2, 3, 4 spaces or tab) applies there. Minify collapses the document to one line.
- Use Copy or Download on the output toolbar to take the result with you.
If the input is not valid JSON, the error bar shows the line and column. Click Fix to repair common mistakes, then Undo fix if the result is not what you meant. For messier input, such as AI output wrapped in prose, use the JSON fixer.
What the tree gives you
Input:
{
"orderId": 1042,
"customer": { "name": "Maya Patel", "vip": true },
"items": [
{ "sku": "A-100", "qty": 2 },
{ "sku": "B-220", "qty": 1 }
]
}
Clicking the keys in the tree copies these paths:
$.orderId
$.customer.name
$.items[0].sku
$.items[1].qty
Keys that are not plain identifiers use bracket notation, such as $["content-type"]. Paste a path into the JSONPath tester to run it against other documents.
Limits and notes
- Uploads and URL fetches are capped at 5 MB. Pasted text has no fixed limit, but very large documents depend on your browser's memory; see validating large JSON in the browser and our notes on formatters for large responses.
- Arrays and objects with more than 100 children render 100 at a time. Click Show 100 more to continue. The code view and the download always hold the full document.
- Everything runs in your tab. No file, URL or pasted text is sent to a server.
- URL loading is done by your browser, so APIs that do not send CORS headers will fail. Download the response and upload it instead.
- The viewer displays a document; it does not edit it. Integers above 2^53 are shown as JavaScript rounds them, so keep large IDs as strings in your JSON.
- New to the format? JSON array vs object explains the two shapes you will see in the tree, and how to open a JSON file covers desktop editors.