JSON Navigator

Search and navigate large JSON documents.

Tree view
​
The tree appears here. Paste JSON or click Sample.

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

  1. Paste JSON, open a .json file, or load the Sample.
  2. Type in the search box. Keys and values are matched case-insensitively.
  3. Matches are highlighted in yellow and listed below the tree with their paths.
  4. 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

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.

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.

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.

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.