JSON viewer

Explore JSON and API responses as a collapsible tree.

  • Development
  • 100% free & unlimited
  • No sign-up
  • Runs in your browser
JSON viewer

What is the json viewer?

The JSON viewer turns JSON into a tree you can expand and collapse, with strings, numbers, booleans and null in different colors and the size of every object and array. It's the quickest way to understand a big API response.

Click any key to copy its path, such as $.user.roles[0], ready for your code or a JSONPath query.

How to use the json viewer

  1. 1Paste JSON into the editor.
  2. 2Expand or collapse the levels you need.
  3. 3Click a key to copy its path.

Features

Collapsible tree

Expand all, collapse all or one level at a time.

Color coded

Every value type in its own color.

Copy paths

One click copies the JavaScript path of a key.

Private

Your data never leaves the browser.

Frequently asked questions

How big a JSON can I view?

Files of several megabytes work; very large trees show the first 5,000 items.

What path format is copied?

JavaScript notation starting with $, e.g. $.items[2].name, which also works as JSONPath.

Can I edit the JSON?

Yes, in the editor: the tree updates as you type.