How to use the JSON Viewer
- Paste JSON or drop a .json file into the input.
- Expand and collapse objects and arrays in the tree.
- Type in the filter box to highlight matching keys and values.
- Click a key to copy its path, like $.items[0].price, for use in code.
When a tree beats formatted text
A formatted file is fine for small documents. For a 5,000-line API response, a tree lets you collapse everything you do not care about and walk straight to the field you need. Each node shows its type and size — array [120], object {8} — so you understand the shape of the data before reading any values.
Copying paths
Click any key to copy its access path in JavaScript notation. Keys that are not valid identifiers are quoted automatically: $.user["first-name"]. Replace the leading $ with your variable name to use it directly, or use it as-is in JSONPath-based tools.
Frequently asked questions
What is the difference between the JSON Viewer and the JSON Formatter?
The formatter produces indented text you can copy. The viewer shows an interactive tree for exploring and finding fields. Use the formatter to clean up JSON; use the viewer to understand it.
Is my data private?
Yes. The tree is built in your browser and nothing is uploaded.
Can it open very large JSON files?
Yes. Large arrays render their first 200 items, with a button to show more, so the page stays fast.