How to use
- Click Open file to choose a .json file.
- Set Expand to level to All to open every container.
- Type in the search field to find matching keys and values.
- Click a node in the tree to select it, then click Copy path. The path uses the format chosen in Path format: JSONPath or JavaScript.
- Click Download to save the whole document as formatted JSON.
Examples
Inspect an API response
{"users":[{"id":12345678901234567890,"name":"Alice","email":"alice@example.com","avatar":"https://example.com/avatars/alice.png","color":"#3b82f6","address":{"city":"Austin","zip":"78701"},"manager":null}],"total":1}▾ $ {2}
▾ users [1]
▾ 0 {7}
id: 12345678901234567890
name: "Alice"
email: "alice@example.com"
avatar: "https://example.com/avatars/alice.png"
color: "#3b82f6"
▾ address {2}
city: "Austin"
zip: "78701"
manager: null
total: 1Explore GeoJSON coordinates
{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-87.6298,41.8781]},"properties":{"name":"Chicago","state":"IL"}}]}▾ data {2}
type: "FeatureCollection"
▾ features [1]
▾ 0 {3}
type: "Feature"
▾ geometry {2}
type: "Point"
▾ coordinates [2]
0: -87.6298
1: 41.8781
▾ properties {2}
name: "Chicago"
state: "IL"Compare product records
[{"sku":"A-100","name":"Desk lamp","price":24.99,"stock":120},{"sku":"B-205","name":"Office chair","price":149,"stock":8,"discount":0.1},{"sku":"C-310","name":"Notebook","price":3.5,"stock":540}]# sku name price stock discount 0 A-100 Desk lamp 24.99 120 1 B-205 Office chair 149 8 0.1 2 C-310 Notebook 3.5 540
FAQ
Can I edit JSON in the tree?
You can edit JSON in the input editor, but not in the tree or Code view. Inputs up to 1 MB update the tree as you type; for larger inputs, click View or press Ctrl/Cmd+Enter.
How large a JSON file can I open?
Files larger than 200 MB are rejected. Your browser can still run out of memory with a smaller file; if that happens, try a smaller input.
Is my JSON file uploaded?
Your file is read and parsed in your browser; the tool sends no network request containing your JSON. Only settings are saved in localStorage, while transfers to another JSON tool temporarily use sessionStorage.
Why is Table disabled?
Table requires a non-empty array containing only objects. Select that array in Tree, or use one at the root; mixed arrays such as [{"a":1},2] cannot be shown as a table.
Why won't my JSON open?
The viewer requires strict JSON, so comments and trailing commas produce an error instead of a tree. Check the line and column in the error panel, then use Fix it in JSON Validator → to investigate.