Three simple steps
- Paste JSON or load a UTF-8 .json file.
- Build the tree, then expand branches or search across visible node details.
- Select any displayed path to copy it for use in code or documentation.
JSON Tree Viewer
Turn JSON into an expandable tree, search across keys, paths, types, and values, and copy the path to any visible node.
Expandable branchesSearch every nodeCopy JSON paths
JSON input
Paste JSON or drop a UTF-8 .json file.
Tree
Build the tree to inspect nested values.
Your expandable JSON tree will appear here.
Document Tools guide
How to use JSON Tree Viewer
Navigate deeply nested JSON without scanning every brace, and isolate branches that match a key, value, type, or path.
Tree behavior
- Object properties and array indexes are displayed with their value types and complete root-based paths.
- Search keeps matching nodes and the ancestor branches needed to reach them.
- Large documents are bounded by explicit character, node, and nesting limits to keep the interface responsive.
Frequently asked questions
Which path syntax does the viewer use?
Paths begin with $ and use dots for simple object keys, bracket notation for other keys, and numeric brackets for array indexes.
Can I search values as well as keys?
Yes. Search checks keys, full paths, types, and scalar values.
Does the viewer edit JSON?
No. Use JSON Formatter to change presentation or copy the source into an editor when content needs to change.