jsontoolskit.org
JSON and JSON Schema utilities, in the browser
Say hi →

JSON Tree Viewer

collapsible tree · search · copy path on click

Drop or paste JSON, get an interactive collapsible tree. Hover any node to see its breadcrumb path (users[3].address.city); click the path to copy. Search filters the tree to matching keys / values.

Paste JSON.

How to explore JSON

  1. Paste or drop your JSON.
  2. The tree appears expanded one level by default. Click any node to expand / collapse. Collapse all / Expand all in the toolbar.
  3. Search filters the tree to nodes whose key or value matches. Search supports literal, glob, and regex.
  4. Hover any node to see its breadcrumb path (users[3].address.city). Click the path to copy it.
  5. Open in jq sends the current document and the selected path to jq-playground pre-filled.

FAQ

How deep can the tree go?

No hard limit — the Depth slider caps initial expansion. Manually expand deeper nodes by clicking.

What does the path syntax use?

JavaScript-style: $.users[0].address.city. Compatible with JSONPath.

Will it work offline?

Yes — plain JavaScript.