JSON Viewer

Open JSON as a collapsible tree in your browser. Expand it to any depth, search keys and values, and copy any value or its path. Your JSON is never uploaded.

Add to Chrome Free: formats JSON pages right in the tab.

How to view JSON as a tree

1. Paste JSON into the editor above, drop a .json file onto it, or load it from a URL.
2. Open the Viewer tab. Pick a depth, or use Expand all and Collapse all, to see as much of the structure as you need.
3. Hover a row to copy its value or its JSONPath, and use search to highlight matching keys and values.

What the tree shows

• Sizes at a glance

  Collapsed arrays and objects show how many items or keys they hold, so you can see the shape of a response before opening it.

• Copy path

  Each row can copy its JSONPath, such as $.users[0].email, ready for code, tests or a query.

• JSON inside strings

  A string that holds JSON, common in logs and message queues, opens as a nested tree instead of one long escaped line.

• Search

  Find keys and values with highlighted matches, a match counter and a case-sensitive mode.

• Large documents

  Only the rows on screen are rendered, so files up to about 10 MB open and scroll smoothly.

• Exact numbers

  Big integers and values like 1.50 are shown exactly as written, not rounded by JSON.parse.

More JSON tools

• JSON Formatter
• JSON Validator
• JSON Diff
• JSON Minifier
• Sort JSON Keys
• NDJSON to JSON

Frequently asked questions