About the JSON Navigator
Browse large JSON documents one level at a time, like a file explorer. Click into objects and arrays, use the breadcrumb to go back, and copy any path or value.
Key features
- Browse JSON one level at a time, like a file explorer
- Clickable breadcrumb trail back to any parent
- See each child's type, size and value at a glance
- Copy the JSONPath of the current location
- Fast even for very large documents
- Private, in-browser
Explore big JSON step by step
Some JSON documents are simply too big or too deep to read as a whole: a 5 MB analytics export, a GraphQL response nested ten levels deep, or a cloud provider's resource dump. The JSON Navigator lets you move through them one level at a time. Click into an object or array, see its children, and use the breadcrumb to jump back.
How it works
- Paste or upload your JSON.
- The right-hand panel lists the top-level keys (or array indexes), each with its type:
object{6} ›andarray[120] ›can be opened.- Strings, numbers and booleans show their value.
- Click a container to drill in. The breadcrumb grows, e.g.
$ › data › items › [3]. - Click Copy path to copy
$.data.items[3].
When the Navigator beats a tree view
| Situation | Better choice |
|---|---|
| Small to medium documents | JSON Viewer tree |
| Huge arrays (thousands of items) | Navigator |
| Very deep nesting | Navigator |
| Searching for a value | Viewer's highlight box |
| Finding the path to a field | Either; both copy JSONPath |
Typical uses
- Inspecting API responses from Stripe, Shopify, GitHub or Salesforce, which nest heavily.
- Exploring database exports from MongoDB, Firestore or DynamoDB.
- Understanding infrastructure output like
terraform show -jsonoraws ... --output json. - Writing selectors for JSONPath, jq or Postman tests.
Related tools
Once you know the path, query values with the JSONPath Tester, or extract tables with JSON to CSV.
How to use the JSON Navigator
- Paste your data into the input box, upload a file, or click Sample to try it out.
- Adjust the options above the editor if you need to (indentation, delimiter, and so on).
- The result appears instantly in the output panel. Any errors are shown with their line and column.
- Click Copy to copy the result, or Download to save it as a file.