Explore large JSON as a collapsible tree with key paths and type badges — parse, inspect, and navigate deep structures without uploading anything.
Updated
Click a key to copy its path.
Quick start
Paste JSON, explore the tree, copy any key path — nothing leaves your browser.
Drop a JSON document into the input pane; the tree renders live.
Use the arrow toggles to open and close objects and arrays.
Click any key to copy its full path, ready to paste into code.
In-depth guide
Raw JSON is hard to read once it nests more than a level or two. A tree view turns it into something you can scan, collapse, and navigate — with type badges that catch the classic "string where I expected a number" bug at a glance. This viewer parses your JSON in the browser and lets you copy the exact path to any value.
Every node displays its key, a colour-coded type badge, and either its value (for scalars) or a one-line summary like {} 3 keys or [] 5 items for containers. Objects and arrays can be expanded and collapsed independently, and the top two levels are open by default so the overall shape is visible immediately.
meta.scores[2]) to the clipboard.Parsing and rendering happen with the browser's native JSON parser inside the page — no upload, no logging, no eval. That makes it safe to inspect confidential responses or tokens, and the tool keeps working offline after the first load. Nothing survives closing the tab.
Use this tool for quick inspection, cleanup, conversion, and copy-paste debugging. Use your IDE formatter, schema tests, or CI checks when the same rule needs to be enforced across a repository.
No. The JSON is parsed and rendered as a tree entirely in your browser using JSON.parse — there is no server call and no eval. You can inspect sensitive payloads without them leaving the tab; verify in DevTools → Network.
Click any key in the tree and its full path is copied to your clipboard — for example user.name or meta.scores[2]. Paste it straight into code that reads the value, such as a lodash get() call or an optional-chaining expression.
It comfortably handles typical API responses and config files. Deeply nested or multi-megabyte documents render more slowly because the whole tree is built in the DOM; nodes start collapsed below the second level to keep things responsive.
Each node shows a type badge: object and array (blue), string (green), number (amber), boolean (purple), and null (grey). The badges make it easy to spot a value that is a string "42" when you expected the number 42, a common API bug.
The viewer uses strict JSON parsing, so trailing commas, single quotes, unquoted keys, and comments are rejected — those are JavaScript object syntax, not JSON. The error message pinpoints the problem so you can fix it.
The tree re-renders whenever you change the input, with the top two levels expanded by default. Open or collapse any branch with the arrow toggles to focus on the part of the structure you care about.
Keep exploring
Hand-picked utilities that pair well with the one you're on — all free, client-side, and zero-signup.
Format, validate, and minify JSON with exact line/column parse errors, optional common-fix mode, and one-click copy for API payloads.
Flatten JSON arrays into CSV with custom delimiters.
Validate JSON against a JSON Schema, see errors inline.
Shrink PDF file size without uploading to a server.
Body Mass Index with metric / imperial inputs and WHO category bands.
Combine multiple PDFs into one in your browser.
Split a PDF by pages or page ranges, download as zip.