Skip to content
TinySolve

JSON Viewer

Fold a big JSON document into something you can actually read — and copy paths out of it.

Runs in your browser — nothing you type is sent anywhere

Your JSON

Paste some JSON above

It becomes a tree you can fold, search and copy paths out of.

About the JSON Viewer

A formatted JSON document is readable in the way a phone book is readable: every character is there, and finding the one thing you want is still work. A tree is the right shape for the job — fold away what you do not care about and the structure becomes obvious in seconds.

Everything opens two levels deep, which is usually enough to see the shape of a response without being buried in it. From there, fold individual branches, or expand and collapse everything at once.

The filter searches keys and values together and keeps the path to each match visible, so you see where the matching thing sits rather than a disconnected list of results. Hiding the ancestors of a match would defeat the point of a tree.

Every node has a copy button that gives you its path — <code>root.users[0].name</code> — which is the expression you would write in code to reach that value. Reading a response to find out how to address something is usually the reason for opening it at all, so it is one click rather than a manual count through the brackets.

The whole document stays in your browser. API responses are exactly the kind of thing that carries tokens, email addresses and customer records, and none of it is transmitted anywhere.

How to use the JSON Viewer

  1. Paste your JSON

    It becomes a tree immediately. Invalid JSON is reported with its line and column rather than silently ignored.

  2. Fold what you do not need

    Two levels are open to start with. Collapse branches, or expand everything when you want to read it all.

  3. Filter to find something

    Searches keys and values, and keeps the path to each match visible so you can see where it sits.

  4. Copy the path

    Every node hands you the expression you would write in code to reach that value.

Frequently asked questions

How large a document can it handle?
Comfortably into several megabytes. Values are counted iteratively rather than recursively, so a deeply nested document will not overflow the call stack — which is how most browser JSON viewers fail.
What does the copy button give me?
The path to that value, written the way you would write it in code: root.users[0].name. Working that out by counting brackets is exactly the tedium the tool exists to remove.
Why does the filter still show non-matching keys?
Because they are the path to something that did match. Hiding a matching value's parents would leave you with a result you cannot locate. Matching keys are highlighted so the actual hits are still obvious.
Can I edit the JSON here?
Only in the text box at the top — the tree is for reading. Edit the text and the tree updates as you type, so you can see the effect of a change immediately.
Is my JSON uploaded?
No. It is parsed and displayed in your browser. API responses frequently carry tokens, email addresses and customer records, so nothing leaves your device.