Skip to content

JSON Path Finder

Explore any JSON structure visually with a collapsible tree, then build and test JSONPath queries by clicking on nodes. Each click appends the key or index to the path expression and instantly shows what that path returns — making it easy to learn JSONPath syntax, debug complex JSON structures, or quickly extract data from deeply nested documents.

  • Paste any valid JSON and view it as an interactive tree
  • Collapsible tree nodes (objects by keys, arrays by indices)
  • Click a node to build the JSONPath expression automatically
  • Live results panel shows what the current path evaluates to
  • Quick reference of common JSONPath expressions
  • Copy the current path to clipboard with one click
  • Clear path to start building from scratch
  • Quick reference entries also clickable to test expressions instantly

Path Finder

All data stays in your browser

Quick reference

ExpressionDescription
$Root object
$.*All child properties (wildcard)
$..Deep scan — all descendants
$..bookAll "book" properties at any depth
$[0]First array element
$[-1:]Last array element (slice)
$[0:3]Array slice (first 3 items)
$[?(@.price<10)]Filter expressions (price < 10)
$[?(@.title)]Existence filter (has title)
$..*All leaf values at any depth

How to use the JSON Path Finder

  1. 01

    Paste your JSON

    Paste any valid JSON into the text area. If the JSON is valid, the tree panel will render automatically.

  2. 02

    Explore the tree

    Click the ▶/▼ arrows to expand or collapse object keys and array indices. Each node shows its key and value (for scalars) or type and count (for objects/arrays).

  3. 03

    Click a node to build a query

    Click on any key or index label — the JSONPath expression updates instantly and the Results panel shows what that path evaluates to.

  4. 04

    Use the quick reference

    Click any expression in the quick reference table (such as $.* or $..book) to apply it right away and see what it returns in your data.

  5. 05

    Copy the path

    Once you built the right expression, click Copy to copy the JSONPath to your clipboard.

What is JSONPath and why use it?#

JSONPath is a query language for JSON, similar to XPath for XML. It lets you navigate and extract data from deeply nested JSON structures with concise expressions. JSONPath is widely used in APIs, test automation, data pipelines, and configuration systems.

How the click-to-build approach works#

The tree renders your JSON in a familiar collapsible structure. Each key or index is a clickable element. When you click one, the tool appends the corresponding JSONPath segment to the current expression — dot notation for simple keys ($.store), bracket notation for keys with special characters ($["my key"]), and index brackets for arrays ($.books[0]).

The Results panel on the right runs the JSONPath expression against your JSON in real time and shows the matched value or values, letting you iterate quickly until you find the exact path you need.

Understanding the quick reference expressions#

$ — The root of the document. Every JSONPath string starts with this.

**$.*** — Wildcard: selects all immediate children of the current node (all keys of an object or all elements of an array).

$.. — Deep scan (recursive descent): searches for the rest of the path at every level of the tree.

$[0] — Array index access: the first element (0-based).

$[-1:] — Slice syntax: the last element.

$[0:3] — Slice: the first three elements (indices 0, 1, 2).

$[?(@.price<10)] — Filter expression: an object that matches the condition (price less than 10). The @ refers to the current node being evaluated.

Frequently asked questions

What is JSONPath?

JSONPath is a query language for navigating JSON documents, similar to XPath for XML. It uses expressions like `$.store.book[0].title` to drill into nested data.

Is my data sent to any server?

No. Everything runs in your browser — the JSON you paste, the tree rendering, and the JSONPath evaluation are all local. No data is uploaded.

What library is used for JSONPath evaluation?

This tool uses jsonpath-plus, loaded dynamically from the esm.sh CDN — the most popular and well-maintained JSONPath implementation with full support for all standard JSONPath expressions including filter syntax.

Does it support the full JSONPath spec?

Yes — jsonpath-plus supports dot notation, bracket notation, wildcards, deep scan (recursive descent), array slices, and filter expressions like `$[?(@.price < 10)]`.

What happens when I click a quick reference entry?

Clicking any expression in the quick reference table immediately applies it to your JSON and shows the result. This is a great way to experiment with JSONPath syntax on your own data without typing anything.

Developers

UUID Generator

Generate cryptographically random UUID v4 or time-ordered UUID v7, in bulk.

Developers

Base64 Encoder & Decoder

Encode and decode Base64 with correct UTF-8 handling, including the URL-safe alphabet.

Developers

ULID Generator

Generate ULIDs — sortable by creation time like UUID v7, but Crockford Base32 instead of hex.