Can I copy a nested path?

Yes, click any key in the tree to copy its dot-notation path to the clipboard.

How do I expand everything at once?

Use the Expand all button in the panel header; Collapse all works the same way.

What do the badges mean?

Each badge shows the JSON type (object, array, string, number, boolean, or null) and item count for containers.

Is my data uploaded to a server?

No. This tool runs entirely in your browser using standard web APIs, so your input never leaves your device and nothing is logged or stored on our servers.

Does it work offline and on mobile?

Yes. Once the page has loaded it keeps working without a network connection, and the layout is responsive so it stays usable on phones and tablets.

JSON Viewer

Explore JSON as a collapsible, color-coded tree.

Support

Works Offline

Privacy First

No Login

No API

Input

Tree view

object · 3

string

"Ada"

array · 2

boolean

true

Capture real responses from any site with API Inspector

Our free browser extension lists every API request a page makes — JSON, XML, CSV, HTML and media — and opens each one in the right Coders Hub tool with a single click.

Get the extension

About the JSON Viewer

Visualize any JSON document as an interactive collapsible tree with type badges for every value. Expand or collapse everything at once, and click any key or path to copy it instantly.

Examples

Nested object

JSON{"user":{"name":"Ada"}}

Output

YAMLTree: user → name: "Ada"

Keyboard shortcuts

Copy the main outputCtrl / ⌘ + Shift + C
Download the resultCtrl / ⌘ + S
Share this toolCtrl / ⌘ + Shift + S
Reset the inputsAlt + R
Open the tool search paletteCtrl / ⌘ + K

Related tools

JSON Formatter

JSON

Pretty-print and beautify JSON with custom indentation.

JSON Key Sorter

JSON

Sort JSON object keys alphabetically, naturally, or by array field.

JSON Minifier

JSON

Compress JSON by removing whitespace and show bytes saved.

JSON Repair / Auto-fixer

JSON

Auto-fix broken JSON: quotes, trailing commas, comments, and more.

JSON String Escape

JSON

Escape special characters for use inside a JSON string.

JSON String Unescape

JSON

Reverse JSON string escaping back to readable text.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser