Skip to content
Aarrange

JSON Viewer

Paste JSON or drop a file. See it as a tree or a table. Nothing leaves your browser.

0
Lines
0
Keys
0
Errors
Input
Tab types a tab. Press Escape, then Tab, to leave the editor.
Result
The result shows here as you type.Try , or .
On this page

View JSON online as a tree or a table

Updated

JSON Viewer is a free online JSON tree viewer. It shows your JSON as a tree you can open and close, or as a table. Paste the text, drop a file, or press Example. The tree updates as you type. Search looks through keys and values, also in the parts that are closed.

There is no sign-up and there are no ads. The page reads your JSON in your browser and sends it nowhere, so it is safe for tokens and customer data.

To find errors and fix them, use the JSON Validator. To compare two files, use the Diff Checker. To open your data in a spreadsheet, use the JSON to CSV Converter.

How to use JSON Viewer

  1. Paste your JSON in the editor, or drop a .json file on it.
  2. Click an arrow to open or close a part of the tree, or use the arrow keys. A double-click on a row also opens it. Expand all opens everything.
  3. Type in the search field and press Enter to go from hit to hit.
  4. Click a row to select it. The bar under the tree shows its path, type, line and hints, and a long value in full. Copy the path or the value with the buttons in the bar.
  5. Open the Table view to read a list of objects as rows and columns.

What the tree shows

Your file, exactly as written

Most JSON viewers read the file with JSON.parse and draw the result. That step changes the data with no warning. This viewer reads the text itself. In this file:

JSON
{
  "order_id": 12345678901234567890,
  "10": "first in the file",
  "2": "second in the file",
  "status": "draft",
  "status": "paid"
}
  • Big numbers keep their digits. JSON.parse gives 12345678901234567000. The tree shows the number in your file and adds a hint.
  • Keys stay in file order. JavaScript moves keys that look like numbers to the front, so 2 comes before 10. The tree does not move them.
  • Both duplicate keys show. Most programs keep only the last status. The tree shows both rows with a warning triangle.

Hints next to values

A value such as #1177BB gets a small square in that color. A number under a key such as created_at or exp also shows as a date in UTC when it reads as Unix seconds or milliseconds. Turn the hints off in Options.

Paths

Each row has a path. The same value can be written in three ways, and you choose one in Options:

Paths
$.orders[0].id        JSONPath
data.orders[0].id     JavaScript
.orders[0].id         jq

Common errors when you open JSON

The tree needs valid JSON. If your text has an error, the editor rings the exact character and says how to fix it. These two errors are the most common.

A missing comma

Invalid
{
  "name": "Ada"
  "age": 36
}

Add a comma after each value, except the last one:

Fixed
{
  "name": "Ada",
  "age": 36
}

A comma after the last value

Invalid
{
  "roles": ["admin", "editor",]
}

JavaScript allows this comma, but JSON does not. Delete it:

Fixed
{
  "roles": ["admin", "editor"]
}

JSON

JSON is a text format for structured data. It has objects with keys, lists, strings, numbers, true, false and null. APIs use it to send data, and many programs use it for settings. The rules are in RFC 8259.

JSONPath and jq are two ways to point at a value inside JSON. Test tools and data pipelines use them often.

Other JSON resources

JSON Viewer FAQ

How do I view a JSON file?

This page is a JSON file viewer. Drop the file on the editor above, or press File and choose it. The tree shows at once. Press an arrow to open a part, or use Expand all. The file stays on your computer: this page reads it in your browser.

How do I make a JSON file readable?

Paste it here and read the tree. Each key and value gets its own row, and you open only the parts you need. To make the text itself readable, press Format. It puts each key on its own line with the indent you choose.

How do I open a JSON file?

A JSON file is plain text, so any text editor opens it, such as Notepad or VS Code. If the file has no line breaks, a text editor shows one long block. To see the structure, drop the file on the editor above. You can then find a value without reading all the text.

What is the best JSON viewer?

It depends on where your JSON is and what you want to do with it. Chrome DevTools and Firefox are good for JSON that comes from a website or an API. VS Code is good when you edit a file, and jq is good in scripts. This page is the better choice when you have a file or pasted text and want a tree, a table and search with nothing to install. It also shows big numbers, key order and duplicate keys as the file has them.

Is there a JSON file viewer in my browser or editor?

Yes. Firefox has a built-in JSON viewer with a tree and a filter. It opens when you load a JSON file or a URL that sends JSON. In Chrome, open DevTools, go to the Network panel, select a request, and open the Preview tab to see the response as a tree. VS Code opens JSON files, folds objects and lists, and formats the text. On the command line, jq . file.json prints the file with indents. Use this page when you want a table, a path to copy in JSONPath, JavaScript or jq form, or a viewer on a computer where you cannot install anything.

Is my JSON uploaded when I use this viewer?

No. The page parses and draws your JSON in your browser. No request carries your text to a server, so you can view tokens, customer data or private configs here.

Why does my big number look different in other JSON viewers?

Most viewers read the file with JSON.parse. JavaScript numbers hold about 15 to 17 digits, so 12345678901234567890 turns into 12345678901234567000. This viewer reads the text itself and shows the digits in your file. A number that JavaScript cannot hold gets the hint "not exact in JavaScript".

How do I find the path to a value in JSON?

Select the row of the value. The bar under the tree shows its path, for example $.orders[0].id, and Copy path copies it. In Options you choose JSONPath, JavaScript or jq.

Can I see JSON as a table?

Yes, when the JSON has a list of objects. Open the Table view. It takes the biggest list, and a picker shows the others. Click a column name to sort. To save the table as a file, use the JSON to CSV Converter.

How large a JSON file can I open?

The tree draws only the rows on screen, so files of several megabytes stay smooth. The limit is the memory of your browser. A 5 MB file with 22,000 objects (350,000 rows in the tree) opens in one to two seconds on a normal laptop.