Show object, array, string, number, and boolean for nested tree.
JSON tools
JSON tree viewer — explore JSON for collapsible tree
Change raw JSON to tree wey fit open for browser — no upload.
Big JSON dey hide structure behind bracket and comma. Tree view show object, array, and value for place so you fit scan key, index, and nested data without to dey decode one long line.
Paste JSON for left, click Parse tree, then use chevron to open or close branch. Copy formatted dey give pretty JSON when you need am.
JSON tree workspace
Structure wey fit fold, no be lecture.
Input
Tree
Parse JSON to see collapsible tree here.
Wetin you fit do here
Structure wey fit fold, no be lecture.
Fold branch wey noisy and open only path wey you care about.
See key and array index for same line — no sideways scroll for one long line.
Parsing dey happen for your tab; your JSON no dey upload to our server.
Tree no update until you click Parse tree — draft no dey disturb UI.
How to use am
Paste JSON for left editor (from file, API, or clipboard).
Click Parse tree. Right panel go show collapsible tree.
Use chevron to open or close branch; Copy formatted for pretty-print JSON.
Wetin to expect
Viewer dey use browser JSON parser. Very big document fit slow tab. Number precision follow JavaScript — extreme integer check for another place.
Quick sample
You wan try? Paste this for left panel and click Parse tree:
{"tool":"json-tree-viewer","version":1,"users":[{"id":1,"name":"Ada","roles":["admin","editor"]},{"id":2,"name":"Lin","roles":["viewer"]}],"meta":{"public":true,"flags":{"darkMode":false,"beta":null}}}Related pages
Quick question
My JSON dey upload go your server?
No. This tree viewer dey run entirely for your browser. Text wey you paste no dey send to us to show am.