Step 1: Paste your JSON
Paste an object, array, or single value into the editor. Line numbers track each line as you type or scroll.
Paste JSON, then explore it as a tree. Expand nested objects and arrays, search keys and values, and copy a path to any property. Everything stays in your browser.
string number boolean null object array
Paste JSON and choose View JSON to see the tree.
A JSON viewer turns a block of JSON text into an interactive tree. Objects and arrays become branches you can open and close. Strings, numbers, booleans, and null stay visible as individual values, so a large response is easier to scan than a single minified line.
This page accepts a JSON object, a JSON array, or a single JSON value such as a string or number. Nested objects and arrays stay attached to their parent, and each row can copy the path that points at that value.
This json viewer online reads text that you paste. To use it as a json file viewer, open a .json file in a text editor and paste that text into the box above. The file is not uploaded.
Paste an object, array, or single value into the editor. Line numbers track each line as you type or scroll.
Choose View JSON. Valid JSON appears on the right. Invalid JSON stays in the editor and the status line explains the problem.
Use a row’s arrow to open that branch, or choose Expand All and Collapse All. Very large nodes open in batches.
Search for a key or value, then use Copy path on a row. Copy formatted JSON copies the whole document with indentation.
The input keeps a gutter of line numbers so you can match a parser message to the text you pasted.
Objects and arrays open independently. Collapsed branches are not drawn until you open them.
Strings, numbers, booleans, null, objects, and arrays each use their own color so types are easy to tell apart.
Search looks through keys and values. Copy path copies an address such as $.tags[0]. Load Sample JSON inserts a small nested example.
After you choose View JSON, the json tree viewer shows the root value as one row. Its path is $. An object row shows how many properties it contains, and an array row shows how many items it contains. Open a row to reveal only its immediate children. Each child keeps its own path, such as $.user.name or $[0].
Colors distinguish strings, numbers, booleans, null, objects, and arrays. Closing a branch hides its children again, so a large document does not have to stay fully open while you read one part of it.
Start at the root and open one level at a time. If the value is an object, each child is a named property. If the value is an array, each child is numbered from zero. Open that child when it is also an object or array.
A path records the route you took. $.order.items[0].sku means the order property, then its items array, then the first item, then the sku property. Copy path on that row copies the route without making you count brackets by hand.
Use this page to inspect structure: find a nested value, check one array item, or copy the path to a property. Use the JSON Beautifier when you want to indent a document, minify it, or copy the formatted text.
Formatting changes the appearance of the text. Viewing lets you move through the data and leave the pasted text as it is.
Three properties sit directly on the root object. The path to the role is $.role.
{
"name": "Ada",
"role": "developer",
"active": true
}order is an object, and items is an array inside it. The first sku is $.order.items[0].sku, which is "pen".
{
"order": {
"id": "A-100",
"items": [
{ "sku": "pen", "qty": 2 }
]
}
}The root itself is an array, so the first city is $[0].city, which is "Lahore".
[
{ "city": "Lahore", "temp": 31 },
{ "city": "Karachi", "temp": 29 }
]A JSON path is a short address for one value. $.owner.name points at a property, and $.tags[0] points at the first item in an array. Copy path on a row copies that address.
No. The editor, parser, search, and tree all run in your browser. This page does not send the JSON you paste to a server.
The text is not valid JSON. The status line includes the parser message. Trailing commas, comments, and single quotes are common reasons JSON is rejected.
The tree draws a limited batch so a huge document does not freeze the page. Choose Show more for the next batch, or search for a key or value to reveal a match.