JSON Tree Viewer
Visualise JSON as an expandable tree with type badges, array counts and copyable paths.
Input
Output
Ready
Drop a file to load it
About this tool
See the shape of a document at a glance. Each node shows its type, arrays show their length, and any branch can be collapsed so you can focus on the part you care about.
When you would use it
- Mapping the structure of an unfamiliar API
- Checking how deeply a document nests
- Grabbing the path to a specific value
Worked example
{"data":{"items":[{"id":1}]}}
▾ data {1}
▾ items [1]
▾ 0 {1}
id: 1
Things worth knowing
- Collapsed nodes summarise their contents, so you can navigate a large document without expanding it all.
Questions
Frequently asked
Can I collapse everything at once?
Yes — there are collapse-all and expand-all controls, and a depth selector for partially expanding large documents.
Is my data uploaded anywhere?
No. Every tool on JSONWorks runs entirely in your browser using JavaScript. Your input is never sent to a server, never logged and never stored. The simplest proof is to disconnect from the internet — the tools keep working. The site does load Google Fonts and a Google Analytics page-view tag, so you will see those two requests in your network tab, but neither receives anything you type or paste.
Does it work offline?
Yes. JSONWorks is installable as a progressive web app and caches itself on first visit, so every tool keeps working without a connection.
Related