JSON Viewer Online
Tree, Table And Editor

What A JSON Viewer Online Is For

This JSON viewer online turns a wall of braces into something you can read. Paste your data, and it appears as a tree. Open a branch, close it, search it or edit it.

JSON is how most apps talk to each other. An API sends it, a config file stores it, and a log tool prints it. Yet a raw response is hard to scan. One long line hides everything.

So a viewer helps. It shows the shape first and the detail second. You see that orders holds a list, that each order has a customer, and that one price is missing.

The format is simple, and RFC 8259 spells it out. Even so, small mistakes break it. A stray comma is enough. Therefore this page also finds the exact line of each error.

Reading JSON As A Tree

The tree is the heart of this JSON tree viewer. Each object and list gets a row with a small arrow. Click the arrow, and the branch opens.

Colour helps you scan. Strings use green, numbers use blue, and true, false and null use purple. Keys stand out in bold. A closed branch tells you how many keys or items it holds.

You can also use the keyboard. The arrow keys move, Right opens a branch, and Left closes it. Home and End jump to the first and last row.

Switching To A Table

Some JSON is really a spreadsheet in disguise. A list of products, users or orders has the same keys in every record. A table shows that at a glance.

Press Table and each record becomes a row. Each key becomes a column. Click a heading to sort by it. Click a row, and the inspector below opens that record.

If your JSON is one big object, select the list inside it first. The table follows your selection.

Search That Opens The Right Branches

Big files hide what you need. Type a word in the search box, and every match lights up. The viewer opens each branch on the way, so nothing stays buried.

Choose where to look. You can search keys and values, keys only, or values only. Press Enter to jump to the next match, and Shift with Enter to go back.

The counter beside the box tells you how many matches there are. It stops counting at two thousand, which keeps the page fast.

Editing Without Touching The Text

This is also a JSON editor online. Click a row, and the inspector shows its key, its type and its value. Change what you need and press Apply.

You can rename a key, switch a string to a number, or turn a value into a list. You can add a new key inside an object, duplicate a row, or move it up and down. Delete removes it.

Every change rewrites the text on the left at once. If you slip, press Undo. The history keeps your last hundred steps.

Repairing Almost-JSON

People paste things that look like JSON but are not. A config with comments. A Python dictionary. A reply copied from a chat window with a code fence around it.

Press Repair and the tool fixes the common problems. It removes comments and trailing commas, and it quotes bare keys. It turns single quotes into double quotes, and True and None into true and null.

Then it lists every change it made. Read that list. A repair is a guess, and you should know what it guessed.

Copying A Path In One Click

Select any row and the path appears under the tree. Copy it as a JSONPath, such as $.products[0].price. Or copy it as JavaScript, such as data.products[0].price.

Big Numbers Stay Exact

Many viewers turn every number into a double. Then an ID like 12345678901234567890 silently becomes 12345678901234567000. This one keeps each number exactly as you wrote it. That matters, because the edit then goes back into your text without damage.