JSON Tree Viewer
View JSON in a collapsible tree and see hierarchy, types, JSONPath, and JSON Pointer.
Create JSON tree
Paste the JSON code or open the .json file and parse it.
Input JSON
0 charactersJSON tree
Click for detailsParse the JSON and you'll see a tree here.
Analysis information
- UTF-8 bytes
- 0
- Number of nodes
- 0
- Maximum depth
- 0
- object/array
- 0 / 0
Notes
About this tool
A viewing-only tool that displays large JSON and deeply nested API responses hierarchically without changing the original data.
Features
- Hierarchical display of objects, arrays, strings, numbers, boolean values, and null
- Search and copy keys, values, JSONPath, and JSON Pointer
- Check for UTF-8 BOM, large integers, and duplicate keys
- Array group of 100 items and delayed drawing
How to use
- Paste the JSON or open the .json file.
- Press "Tree View" to parse the JSON.
- Use the disclosure triangle to open the hierarchy and select a node.
- Copy the value or path from the details field.
keyboard operation
You can move on the tree using the up and down keys, expand with the right key, collapse or move to parent with the left key, and open/close with Enter or Space.
Limitations
- Only standard JSON is supported, JSON5, comments, and trailing commas are not supported.
- For extremely large files or deep layers, it may take time to analyze and draw depending on the device performance.
- JSON with duplicate keys of the same name will be warned and displayed as individual nodes in the input order.
Privacy: Input JSON, files, search terms, and parsed results are processed only within the browser and are not sent or saved to the Develop Tools server.