Online JSON Viewer
Open JSON as a collapsible tree and find what you need in seconds. Expand and collapse objects and arrays, search every key and value, and see the path to any node. The JSON viewer works with API responses, config files and large exports, right in your browser.
How to view JSON as a tree
- Paste JSON into the left editor, or open or drop a .json file.
- The right editor shows it as a tree. Each object and array is a node you can expand or collapse with the arrow beside it.
- Use Expand all and Collapse all in the ⋯ menu to get an overview, then open just the branches you need.
- Press Ctrl+F, or choose Search in the ⋯ menu, to find any key or value. Every match is highlighted, and the arrows step through them.
Why use a JSON viewer?
A large JSON document can run to thousands of lines. Scrolling through raw text to find one field is slow and error-prone. A JSON tree viewer shows the shape of the data first, with each object and array summarised, so you can drill down to exactly the part you care about and ignore the rest.
It also makes the types obvious. Strings, numbers, booleans and nulls are colour coded, so you can see at a glance that an ID is a string rather than a number, or that a field you expected is null.
Find your way around large JSON
Search keys and values
Search, with Ctrl+F or from the ⋯ menu, looks through every key and value, expands the branches that contain a match and highlights it.
See the path to any value
Select a node and the navigation bar above the tree shows its full path from the root, such as object › orders › 3 › items › 0 › sku. Click any part of the path to jump back up to that level.
Count items
Collapsed arrays and objects show how many items or keys they contain, so you can check the size of a list without opening it.
Sort and filter
Sort the keys of an object or the items of an array, or use Transform and filter to cut a long list down to the items that match a condition.
Choose the right view
- Tree: the best view for exploring nested data and making small edits.
- Code: formatted text with syntax highlighting and code folding, best for reading the raw JSON or copying part of it.
- Preview: a lightweight read-only view that stays fast on very large documents.
Switch between them with the Code, Tree and Preview tabs at the top of each editor. Your data stays the same in every view.
Viewing JSON from an API
To inspect a response from a website or an app, open your browser's developer tools (F12), go to the Network tab, select the request and copy the response. Paste it here to see it as a tree. Responses from curl, Postman, Insomnia or a server log work the same way. If the response is wrapped in a string, with \" before every quote, decode it first with the JSON Parser.
Opening JSON files
JSON files are plain text, so any text editor can open them, but they are hard to read that way. Drag a .json file onto this page, or use Open file, to see it as a tree instead. The JSON viewer works in Chrome, Edge, Firefox and Safari on Windows, macOS, Linux, Android and iOS, with nothing to install.
Large JSON files
Files of several megabytes open comfortably. For the largest files, keep the tree collapsed and use search rather than expanding everything, or use the Preview view, which is designed for big documents. Because the file is read by your browser and never uploaded, the size of your internet connection does not matter.
Do more with the data
Once you have found what you need, you can turn it into a spreadsheet with JSON to CSV, compare it with another version using JSON Compare, or make changes in the JSON Editor. If the viewer reports an error instead of a tree, the JSON Validator explains what is wrong.
Free and private
The online JSON viewer is free to use with no sign-up and no limits. Everything happens in your browser, so the JSON you view is never sent to a server.