Explore any JSON without scrolling through braces
JSON Viewer
Paste JSON or open a .json file to explore it as a collapsible tree, a table or formatted text. Search keys and values, click any node to copy its path, and keep your data on your device.
Valid JSON · 551 B · 32 values · depth 4 · 7 objects · 2 arrays
- }
- ]
- }
- ]
}
}
$objectWhat is a JSON viewer?
A JSON viewer turns raw JSON (JavaScript Object Notation) into a structure you can read. Objects and arrays become branches you can expand and collapse, and values are colour-coded by type. That makes a long API response, configuration file or log export much easier to understand than a wall of brackets.
This online JSON viewer parses your data in the browser and offers three views. Tree is for navigating nested data, Table lays out arrays of objects in rows and columns, and Raw shows neatly indented text. It adds instant search, JSONPath and JavaScript path copying, and document statistics. Your JSON is never uploaded, so it's safe for tokens, customer records and internal API responses.
How to view JSON online
- 1
Add your JSON
Paste it into the input, press Paste, open a .json file or drag one onto the box. Syntax errors are reported with a line and column.
- 2
Explore the tree
Expand objects and arrays, or use Expand and Collapse for everything at once. Large arrays load in pages so the viewer stays fast.
- 3
Search and switch views
Type in the search box to highlight matching keys and values and open their branches. Switch to Table for arrays of objects, or Raw for formatted text.
- 4
Copy what you need
Click any node to select it, then copy its JSONPath, JavaScript access path, JSON Pointer or value.
Why use this JSON viewer?
- Private by default
- Parsing and rendering run locally. Paste production API responses or personal data without sending them to a third-party server.
- Three views of the same data
- Tree for structure, Table for arrays of records and Raw for readable, indented text. Switch views without losing your place.
- Find anything instantly
- Search matches keys and values at any depth, highlights them and expands the branches that contain them.
- Paths you can paste into code
- Copy $.order.items[0].sku, data.order.items[0].sku or /order/items/0/sku for queries, code, tests and JSON Patch.
- Handles big files
- Branches render only when opened, and long arrays load in pages, so multi-megabyte files stay responsive.
- Useful statistics
- See the file size, number of values, maximum nesting depth and the number of objects and arrays at a glance.
Common uses for a JSON viewer
- Debugging API responses
- Paste a REST or GraphQL response to check fields, find nulls and confirm the shape your front end expects.
- Reading config and manifest files
- Inspect package.json, tsconfig.json, composer.json, app manifests and cloud templates without an IDE.
- Exploring exports and logs
- Open JSON exports from analytics tools, databases, HAR files or structured logs, and search for the record you need.
- Checking webhooks
- Paste a webhook payload from Stripe, GitHub or Shopify to see exactly which properties arrived.
- Writing queries and tests
- Click a value to copy its JSONPath or JavaScript path for jq, JSONPath libraries, Postman tests or assertions.
- Reviewing data with teammates
- Use Table view to scan arrays of records like a spreadsheet, then copy individual values to share.
JSONPath, JavaScript paths and JSON Pointer explained
When you select a node, the viewer shows three ways to address it. They point to the same value but are used by different tools.
| Format | Example | Used by |
|---|---|---|
| JSONPath | $.order.items[0].sku | JSONPath libraries, API testing tools, many JSON query features |
| JavaScript path | data.order.items[0].sku | JavaScript and TypeScript code, browser console |
| JSON Pointer (RFC 6901) | /order/items/0/sku | JSON Patch, JSON Schema $ref, OpenAPI |
How this JSON viewer compares
We compared this viewer with the JSON viewers on Google's first page, including browser extensions and online editors. Many focus on formatting and show only a basic tree. Others need an extension install, or save documents to their servers for sharing.
| Feature | This tool | Typical JSON viewers |
|---|---|---|
| Data stays in your browser | Yes | Varies; some save to a server |
| Search across keys and values | Yes, with auto-expand | Often key search only, or none |
| Table view for arrays of objects | Yes | Rare |
| Copy JSONPath, JS path and JSON Pointer | All three | One format, or none |
| Paged rendering for large arrays | Yes | May freeze on large files |
| Install or account required | No | Extensions require installing |
Good to know
- The viewer accepts strict JSON. Comments, trailing commas and single-quoted strings are reported as errors. Use the JSON validator to find and fix them.
- Numbers larger than 2^53 (9,007,199,254,740,991) may lose precision when parsed. Keep long IDs as strings.
- If a key appears twice in the same object, only the last value is shown.
- Files up to about 60 MB can be opened. Very large files depend on your device's memory.
5 frequently asked questions about the JSON viewer
Is it safe to paste sensitive JSON into this viewer?
Yes. The JSON is parsed and displayed by JavaScript running in your browser. It isn't sent to our servers or saved, and it disappears when you close or refresh the page.
How do I open a JSON file?
Press Open file and choose a .json file, or drag the file onto the input box. You can also paste JSON directly or press Paste to read it from the clipboard.
How do I find a key or value in a large JSON document?
Type in the search box above the tree. Every key and value containing your text is highlighted, and the branches that contain them open automatically. The number of matches is shown below the search box.
How do I get the path to a value?
Click the key or value in the tree to select it. The path appears below the viewer, with buttons to copy it as JSONPath, a JavaScript path or a JSON Pointer, or to copy the value itself.
Can I view a JSON array as a table?
Yes. Switch to Table. If the root is an array of objects, it's shown with one row per item and one column per key. For nested arrays, select the array in the tree first, then open Table.