Open any JSON and browse it as a tree. Fold what you do not need, search for what you do.
Loading the tool...
How to use JSON Viewer
Paste JSON, drop a file or load a URL.
Open the Tree view tab if it is not already selected.
Click the arrow beside a key to fold or unfold it. Use Expand all or Collapse all for the whole document.
Type in the search box to find keys or values. Click a key to copy its path.
About JSON Viewer
Reading a 3,000 line JSON response in a text editor is slow. A tree shows you the shape first and the details only when you ask for them. Objects show how many keys they have, arrays show how many items.
Strings are green, numbers blue, booleans purple and null grey. Nothing fancy, but after a few minutes you stop reading the punctuation and start reading the structure.
Frequently asked questions
What does clicking a key do?
It copies the path to that value in the JSONPath style, for example $.customer.address.city or $.items[2].price. You can paste that straight into code or a query.
Why is "Expand all" limited on huge files?
Rendering tens of thousands of rows at once would freeze the tab. On very large documents we open the first three levels and let you open the rest as you go.
Can I view a JSON file from a URL?
Yes, use From URL. Many APIs work directly from the browser. For the ones that do not, we fetch the data through our server.
Does the viewer change my data?
No. It only reads and displays it. Numbers keep their exact original form, including very large integers.