JSON Navigator
Search and navigate large JSON documents.
Tree view
JSON Navigator – Search and Navigate Large JSON
The JSON navigator is a tree viewer with search built in. Type a key name or a value and every match is highlighted in the tree, its parents expand automatically, and a list shows exactly where each hit lives. Click a result to see its JSONPath and copy it.
Built for big documents
Scrolling through a 5,000-line API export to find one field is slow and error-prone. With the navigator you search for email, status, or an ID and land directly on the right node. Because only the branches you need are expanded, you keep the overview instead of drowning in brackets.
How to use it
- Paste JSON, open a
.jsonfile, or load the Sample. - Type in the search box. Keys and values are matched case-insensitively.
- Matches are highlighted in yellow and listed below the tree with their paths.
- Click a match (or any node) to inspect it, then Copy path or Copy value.
Use Expand all to see everything or Collapse to return to the top-level overview.
Typical uses
- Finding every place a user ID or email address appears in an export.
- Locating a deeply nested setting in a large configuration file.
- Checking which records in an API response contain a certain status.
- Discovering the exact path to a field so you can reference it in code, a template, or a mapping tool.
Paths and queries
Each result's path is valid JSONPath. To select many values at once — all prices, every author, items above a threshold — take the path to the JSONPath Tester and replace indices with wildcards or filters. For a plain tree without search, use the JSON Viewer.
Frequently Asked Questions
What does the search look at?
Both keys and primitive values (strings, numbers, booleans, null). The search is case-insensitive and matches parts of words, so “price” finds every price field and “8.9” finds 8.95 and 8.99.
How are search results shown?
Matching nodes are highlighted in the tree and their parent branches open automatically. A list under the tree shows each match with its full JSONPath and value; click one to select it and copy the path.
How is this different from the JSON Viewer?
Both show the same tree. The Navigator adds search and the list of matches, which makes it better for large documents where you know what you're looking for but not where it is.
Can I use the paths in code?
Yes. Paths use JSONPath notation like $.store.book[1].title. Remove the leading $ for JavaScript property access, or paste the path into the JSONPath Tester to build more general queries.