Stax

JSON Tree Viewer

Visualise JSON as an interactive collapsible tree.

▾{
name: "Stax"string
version: "1.0"string
▾features: [
0: "JSON"string
1: "XML"string
2: "CSV"string
]
▾meta: {
author: "Harshil"string
year: 2025number
open: trueboolean
}
count: 42number
active: nullnull
}

Click any object or array node to expand/collapse.

Explore JSON structure visually

The JSON tree viewer turns flat JSON text into an interactive collapsible tree, making it easy to navigate complex nested API responses, config files, or data exports without losing context.

Frequently asked questions

How do I expand and collapse nodes?
Click any object {…} or array […] node to toggle its children. The ▸ icon means collapsed; ▾ means expanded. Nodes at the top two levels are expanded by default.
How are data types shown?
Strings appear in green, numbers in blue, booleans in purple, and null in red. The type label appears on hover to the right of each value.
Is there a size limit for JSON input?
There is no hard limit, but very large JSON (millions of nodes) may slow down the browser. For huge payloads consider using a desktop tool like VS Code.
Can I edit the JSON in the tree view?
Not directly in the tree — edit the raw JSON in the text area above and the tree updates automatically.

Related tools