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.

JSON Viewer

Explore JSON as a collapsible, color-coded tree.

Works Offline

Privacy First

No Login

No API

Input

Tree view

object · 3

string

"Ada"

array · 2

boolean

true

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

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

Output

Tree: user → name: "Ada"

Related tools

JSON Compare

JSON

Diff two JSON documents and list added, removed, and changed paths.

JSON Formatter

JSON

Pretty-print and beautify JSON with custom indentation.

JSON Minifier

JSON

Compress JSON by removing whitespace and show bytes saved.

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.

JSON to CSV

JSON

Flatten a JSON array of objects into a CSV spreadsheet.

Frequently asked questions

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