JSON Tree Viewer

What is json tree viewer?

Paste any JSON and explore it as a collapsible tree. Each key, value, and array element is a node you can click to expand or copy.

The viewer shows the JSON Pointer path of every value (for example /users/0/name) and a one-line summary of the node. Click a primitive to copy its value; click a container to toggle its children. Useful for understanding API responses, debugging large config files, and finding the right path to copy into a script.

How to use it

1. 1

   Paste your JSON

   Drop a file or paste text into the editor on the left.

2. 2

   Explore the tree

   Click any node to expand or collapse its children. Use Expand all / Collapse all for big trees.

3. 3

   Copy values or paths

   Click a primitive value to copy it. The path (for example /data/users/2/email) is shown next to each node and is one click to copy.

Examples

{ "data": { "users": [ { "id": 1, "name": "alice" }, { "id": 2, "name": "bob" } ] } }

{ "name": "app", "scripts": { "build": "vite build", "test": "vitest" } }

Frequently asked questions

Related tools