EN
PortuguêsEnglishEspañol
Home Favorites
Voltar

JSON tree viewer

View JSON as a tree with collapsible nodes, search by key or value, item counts and the path of each field with one click.

How to use

View JSON as a tree

–

Available in: PortuguêsEspañolEnglish

Next toolOnline website wireframe tool→
Advertisement

JSON tree viewer: what it is for

Paste or open a JSON file to see its structure as a tree, with colors by value type, item counts and depth. Search by key or value to highlight the results and click any key to copy its path, like products[0].name.

How to use

  1. Paste the JSON or open a file.
  2. Expand and collapse nodes or use the search.
  3. Click a key to copy the path.

When to use it

  • Understanding large API responses.
  • Finding a field inside a huge JSON.
  • Building the path to use in code.

Frequently asked questions

How do I copy the path of a field?

Click the key name. The path in JavaScript format (for example, data.users[0].email) is copied to the clipboard.

Does it work with large JSON?

It works with files of several megabytes. Nodes start collapsed from the second level on so the page stays light, and you can open everything with one click.

Is it really free?

Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 are free.

Similar tools

Thank you so much for helping!

Every donation helps keep the site online. The tools were made to help you, but we have server costs. If you can chip in, it helps a lot! Pick or type an amount:

Secure payment by Stripe. Opens in a new tab.

The tools are provided as is, without warranty. We are not responsible for the results or for how they are used.