JSON Viewer
Explore JSON in an interactive tree with search, node paths, type labels, and copy options. Everything runs in your browser.
On this page
Free JSON Viewer
This free JSON Viewer turns any JSON document into an interactive tree. Paste JSON on the left and it appears on the right as collapsible branches you can open one level at a time. Every node carries a type label, objects and arrays show their item counts, and selecting a node reveals the exact path you would use to reach it in code.
Paste it, load it, or try the example
Work starts in the left editor. Paste a chunk of JSON from anywhere, or use the file button to read a .json file straight from your computer. The file is processed locally and never uploaded anywhere. Not sure what to paste? Hit Example and you’ll get a small document with nested objects and an array to experiment with. The status bar under the editor shows your caret position as Ln and Col, along with line and character counts.
A tree you can drive
Click any row with an object or array to open or close it. Hold Ctrl (or Cmd on a Mac) while clicking a collapsed branch to expand it together with all of its children, which is handy for dense API responses. Expand all and Collapse all buttons sit in the tree toolbar when you want the whole document at once. The tree also responds to the keyboard: focus a row, then use the up and down arrows to walk through visible nodes, right to expand, left to collapse, and Enter to toggle.
Find anything with search
The search box in the tree toolbar matches both keys and values as you type. Press Enter to jump to the next match and Shift+Enter to go back to the previous one, or use the arrow buttons beside the box. The counter shows where you are, such as 3 of 12, and matched rows stay highlighted so you can spot them while scrolling. Press Esc in the search box to clear it.
Paths and values you can copy
Select any node and the bar under the toolbar shows its path, written the way tools like jq and JSONPath read it, for example $.store.book[0].title. The pin button beside it copies that path to your clipboard. Hovering any row reveals two small buttons for copying that node’s path and its value, with objects and arrays copied as formatted JSON. Copy JSON puts the whole document, pretty printed with 2 spaces, on your clipboard, and Download JSON saves the same thing as data.json.
Live updates or manual control
Live mode is on by default, so the tree rebuilds about a second after you stop typing, and only when the JSON is valid. When it is not valid, the last good tree stays on screen while the status line reports the first syntax error with its line and column. Prefer to control the timing yourself? Switch Live off and press View, or use Ctrl+Enter inside the editor.
Good to know
The tool accepts JSON documents up to a million characters. The status bar under the tree counts total nodes, maximum depth, and document size, so you know what you are dealing with at a glance. The A+ and A- buttons in the middle grow or shrink the font in both the editor and the tree from 11px up to 22px, and the fullscreen button stretches either panel across the whole screen. Esc brings it back. Everything runs in your browser. Pasted or loaded JSON is processed locally and never sent anywhere. There’s no account, no queue, and no cost.