What is the JSON Viewer used for?

The JSON Viewer lets you format, minify, and explore JSON as a collapsible tree, so you can read API responses and config files without scanning a wall of raw text.

How do I get the path to a value in the JSON Viewer?

Click any node in the Viewer tab and its path, for example author.links, appears in the bar at the bottom, ready to copy.

Can I expand or collapse the whole tree at once?

Yes. Use the Expand all and Collapse all buttons in the toolbar to reshape the entire document in one click.

Does the JSON Viewer also format and minify my JSON?

Yes. The Text tab beautifies or compacts raw JSON with the Format and Minify buttons, and the Viewer tab then shows it as a navigable tree.

Is my JSON sent anywhere when I use the JSON Viewer?

No. The JSON Viewer processes everything locally in your browser, so your data never leaves your device and nothing is uploaded.

How does the JSON Viewer handle invalid JSON?

The Viewer tab needs valid JSON to build the tree; fix any errors flagged in the Text tab, including the line and column, and the tree will render.

JSON Viewer

Text + collapsible tree viewer with expand/collapse and node paths.

Your JSON is parsed and displayed locally in your browser, and nothing is uploaded to a server.

Need TypeScript types from your JSON? Try the JSON to TypeScript tool.

About JSON Viewer

This json viewer gives you a two-pane workspace for reading and tidying JSON: edit, format, or minify your data in the Text tab, then switch to the Viewer tab to walk through it as a collapsible tree. It is built for developers, QA engineers, and anyone debugging an API response who needs to view json online without hunting through a wall of text. Expand or collapse nodes, drill into nested objects and arrays, and click any value to copy its exact path. As a json tree viewer it also doubles as a quick json formatter, helping you beautify minified payloads and spot the structure at a glance. Everything runs entirely in your browser, so your data never leaves your device and nothing is uploaded to a server.

Features

Two-pane layout: a Text tab for editing and formatting, a Viewer tab for exploring
Collapsible tree view to expand and collapse nested objects and arrays
Expand all and Collapse all buttons to reshape the whole document at once
Click any node to see its full path (for example author.links) in the bottom bar
Copy a node's path with one click for use in code or queries
Format to beautify or Minify to compact raw JSON in the Text tab
Download the formatted JSON or copy the whole document instantly
Runs entirely in your browser with nothing uploaded to a server

How to use the JSON Viewer

Paste or type your JSON into the Text tab.
Click Format to beautify it, or Minify to compact it, and confirm it is valid.
Switch to the Viewer tab to see the collapsible tree.
Use Expand all or Collapse all, or click individual nodes to drill in.
Click a value and copy its path from the bar at the bottom.

Example

Input

{"author":{"name":"Ada","links":["site","blog"]}}

Output

{
  "author": {
    "name": "Ada",
    "links": [
      "site",
      "blog"
    ]
  }
}

Formatted in the Text tab; clicking the first link in the Viewer shows the path author.links[0].

Common errors & troubleshooting

The Viewer tab is empty or shows nothing to expand. — Check the Text tab for a syntax error such as a trailing comma or unquoted key; the tree only renders valid JSON.
A pasted snippet has single quotes or JavaScript-style keys. — JSON requires double-quoted keys and string values. Convert single quotes to double quotes before viewing.
A huge document feels slow to expand. — Use Collapse all first, then expand only the branches you need instead of opening every node at once.
You copied a path but it does not match your code. — Paths use dot and bracket notation from the root; adjust for your language's accessor syntax if it differs.

Frequently asked questions

What is the JSON Viewer used for?: The JSON Viewer lets you format, minify, and explore JSON as a collapsible tree, so you can read API responses and config files without scanning a wall of raw text.
How do I get the path to a value in the JSON Viewer?: Click any node in the Viewer tab and its path, for example author.links, appears in the bar at the bottom, ready to copy.
Can I expand or collapse the whole tree at once?: Yes. Use the Expand all and Collapse all buttons in the toolbar to reshape the entire document in one click.
Does the JSON Viewer also format and minify my JSON?: Yes. The Text tab beautifies or compacts raw JSON with the Format and Minify buttons, and the Viewer tab then shows it as a navigable tree.
Is my JSON sent anywhere when I use the JSON Viewer?: No. The JSON Viewer processes everything locally in your browser, so your data never leaves your device and nothing is uploaded.
How does the JSON Viewer handle invalid JSON?: The Viewer tab needs valid JSON to build the tree; fix any errors flagged in the Text tab, including the line and column, and the tree will render.

Related tools

JSON Formatter — Beautify, minify and validate JSON with error locations.
JSON Tree Viewer — Explore JSON as a collapsible, typed tree.
JSON to TypeScript — Generate TypeScript interfaces from a JSON sample.
JSON to CSV — Convert an array of flat JSON objects to CSV.
YAML ↔ JSON — Convert YAML to JSON and back.
XML Formatter — Beautify, minify and validate XML, and convert XML ↔ JSON.
Text Diff — Compare two texts line-by-line and see additions and removals.
JSON to Code — Generate Go, Rust, Python, Java, Kotlin, C# and TypeScript types from JSON.