JSON Tree Viewer
Explore JSON interactively with a collapsible tree, type-coded values, and per-node JSONPath copy.
Free & unlimited
Input JSON
7 keysDepth 259 bytes
Tree
{
"name":"example"
"items":[3 items]
"nested":{1 key}
}
All processing happens in your browser. No data is sent to any server.
About this tool
- 1
Paste JSON
Paste JSON data or drag-drop a .json file into the input area.
- 2
Explore the tree
Click nodes to expand/collapse. Types are color-coded: strings (green), numbers (blue), booleans (orange).
- 3
Copy paths
Click any node to see and copy its JSONPath or JavaScript dot notation.
- Use "Expand All" to see the complete structure, or "Collapse All" to get an overview.
- The search feature filters the tree to only show matching nodes.
- Invalid JSON shows the exact error with line number and position.
- Color-coded types
- Collapsible tree nodes
- JSONPath and JS dot notation
- Search/filter
- Syntax error reporting
- Side-by-side raw/tree view
- Inspecting API responses during development
- Understanding the structure of a complex JSON config
- Extracting specific paths from nested JSON data