JSON Viewer – View JSON as a Collapsible Tree Online

Input

Output

Ready

Ln 1, Col 1

Explore any JSON document as an interactive tree

The viewer turns raw JSON into a navigable tree. Fold and unfold objects and arrays, search across keys and values, and click any row to see and copy its JSON path. Switch to the Code view for line numbers and syntax highlighting.

How to use it

Paste JSON, open a file, or drop it onto the Input panel.
Use the arrows to fold nodes, or Expand all / Collapse all. Alt+click folds a node and everything inside it.
Search with Ctrl+K, or type a JSONPath query such as $.users[*].name.
Click a row to show its path in the status bar, then copy the path or the value.

Viewer features

Tree and Code views with indentation guides, item counts and array indexes.
Search that expands collapsed nodes to reveal matches.
Path lookup: click any row to get paths like $.users[0].address.city.
Large files: open multi-megabyte files; very large output switches to a fast plain view.

More JSON tools

All tools are free and run privately in your browser.

JSON FormatterBeautify, validate & convert JSON ValidatorFind errors by line and column JSON ViewerCollapsible tree with search JSON MinifierCompress JSON, see bytes saved JSON RepairFix broken JSON automatically JSONPath TesterQuery and filter JSON JSON EscapeStringify and unescape JSON JSON to YAMLReadable YAML for configs JSON to CSVArrays to spreadsheet rows JSON to XMLWell-formed XML output CSV to JSONSpreadsheets to JSON arrays JSON Schema GeneratorInfer a draft 2020-12 schema JSON to TypeScriptInterfaces with optional fields JSON to GoStructs with json tags JSON to JavaRecords with Jackson annotations JSON to KotlinData classes for kotlinx.serialization JSON to SwiftCodable structs with CodingKeys JSON to DartFlutter models with fromJson JSON to C#Classes for System.Text.Json JSON to C++Structs for nlohmann/json JSON to CTyped structs for C JSON to PHPReadonly DTO classes JSON to PythonDataclasses with type hints

JSON Viewer FAQ

How do I view a JSON file?

Click the upload icon in the Input panel or drop the file onto it. The file is read locally by your browser and shown as a tree immediately.

Can I copy the path to a value?

Yes. Click any row in the tree. Its JSONPath appears in the status bar; click it to copy, or use Copy value to copy the value itself.

Is there a size limit?

Files up to 100 MB can be opened. The tree view is used for output up to about 2 MB; larger documents are shown in a fast code view.

Is my data uploaded to a server?

No. The JSON Viewer runs entirely in your browser using JavaScript. Your data is never uploaded, logged or stored, and the tool keeps working offline after your first visit.