JSON-Utils

JSON Tree Viewer

Explore a JSON document as a collapsible tree instead of a wall of text. Expand and collapse branches, search for keys or values, and click any node to copy its JSONPath. Large documents stay responsive because rows render in a simple virtualized list.

JSON
Ready. Press Load tree.

How to use the JSON Tree Viewer

  1. Paste JSON and press Load tree.
  2. Expand nodes, or search to jump to matching keys and values.
  3. Click a path chip to copy the JSONPath of that node.

Example

Expand the author object and copy the path of the name key.

{
  "name": "json-utils",
  "version": "1.0.0",
  "private": false,
  "tags": ["json", "tools"],
  "author": { "name": "Ada", "active": true },
  "score": 9.5,
  "notes": null
}

Frequently asked questions

How big a document can it handle?

The tree flattens nodes into a list and renders only visible rows, so documents with thousands of nodes stay scrollable.

Can I edit in the tree?

No, the tree is for inspection. Edit in the formatter, then reload the tree.