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.