JSON Tree Viewer

How to use

1. 1Paste a JSON object or array into the input. Use Load sample to see a small example.
2. 2Read the structure on the left. Click the plus or minus button on any object or array to collapse or expand it. Use Expand all, Collapse all, or the Depth 1, 2, 3 presets for whole-tree control.
3. 3Type a key or value into Search to filter the tree. Ancestors of every match stay open automatically and the matched text is highlighted.
4. 4Click any node to select it. The Selection panel shows its JSONPath and the value at that path, ready to copy with one click.
5. 5Use Copy pretty or Copy minified at the top to grab the full reformatted JSON when you are done exploring.

About this tool

JSON Tree Viewer turns any JSON object or array into a collapsible tree so you can read the structure at a glance, drill into the parts you care about, and copy out exactly the piece you need. Paste an API response, a configuration file, a fixtures blob, an OpenAPI document, or a payload from your browser devtools, and the tool parses it with the native JSON parser and renders every value with a small type badge (object, array, string, number, boolean, null) plus a key or array index. Each object and array is a collapsible node, so you can open the parts of a deeply nested payload that matter and leave the rest folded away. The search box matches keys and primitive values, force-expands every ancestor so matches stay visible, and highlights the matching text right inside the tree. A depth control lets you open the tree to a fixed depth (top level only, two levels, three levels) for a quick scan, with separate Expand all and Collapse all buttons for full control. Click any node to select it: the right-hand panel shows the JSONPath in bracket form (the form jq, JSONPath testers, and most query libraries accept) and a friendlier dot-form when every key is a simple identifier, along with the value itself rendered as pretty-printed JSON ready to copy. Stats list the total node count, max depth, key count, leaf count, and a breakdown by type so you can quickly judge the shape of an unfamiliar payload. Large arrays render in pages of two hundred items at a time so a ten-thousand-item payload still feels snappy. Parse errors surface a line and column whenever the native parser exposes one, plus a quick checklist of the most common JSON mistakes (trailing commas, single quotes, unquoted keys, missing braces). Everything runs entirely in your browser, so the secrets, tokens, customer records, and internal API payloads you paste here never leave your device.

Free to use. Works in your browser. No signup, no login.