JSON Viewer

Explore JSON as a collapsible tree

Raw JSON is hard to read once it grows past a screen or two. This viewer parses your document and draws it as a tree with syntax highlighting, so you can fold the branches you do not care about and focus on the part you need. Every object and array shows how many keys or items it holds, which makes it easy to spot an unexpectedly empty list.

If the JSON has a syntax error, the error message appears under the input rather than an empty tree.

What you can do in the tree

• Click the arrow on a row to expand or collapse that branch, or use Expand all and Collapse all.
• Search keys and values. Matches are highlighted, the count is shown, and parent branches open to reveal them.
• Hover over a row and press copy path to copy its location, such as $.address.geo.lat.
• Open a local .json file instead of pasting, and use Copy JSON to copy a formatted version.

Example: reading a nested response

Suppose you need one coordinate from the document below. Search for lat and the tree opens straight to it. Copy the path, then use it in your code or in the JSONPath tester.

{
  "name": "Asha Rao",
  "address": {
    "city": "Pune",
    "geo": { "lat": 18.52, "lng": 73.85 }
  }
}

Path to the latitude: $.address.geo.lat

Working with large files

Large arrays are shown 200 items at a time with a button to reveal more, so the page stays responsive even when a list holds thousands of records. Collapsed branches are not drawn at all, which also keeps things fast. For very large documents, try Collapse all first and open only the branches you need.

Keep in mind that the tree shows values after JavaScript has parsed them. Numbers beyond about 16 significant digits may be rounded in the display. If exact long IDs matter, the JSON Minifier and Beautifier on this site keeps number text exactly as written.

Frequently Asked Questions

How is a viewer different from a formatter?

A formatter gives you indented text. A viewer gives you an interactive tree that you can fold, search and copy paths from.

Does search cover both keys and values?

Yes, and it ignores upper and lower case. Branches that contain a match open automatically.

Why is a long number displayed differently?

JavaScript numbers lose precision past about 16 significant digits, so the tree can show a rounded value. Your pasted input is not changed.

Is my JSON private?

Yes. Parsing and rendering happen in your browser, and nothing is uploaded.