$..

JSON Path Finder

LOCAL · Browser-Only

Navigate JSON and click to copy the path to any value

Format:

Input JSON

Tree View

Paste JSON on the left to explore its tree structure

·Share recipe

Was this tool helpful?

What is JSON Path Finder?

Free online JSON path finder to paste any JSON data and explore it visually with an interactive tree view.

Click any node to instantly copy its JSONPath expression (e.g. $.users[0].name), dot notation (users.0.name), or bracket notation ([. No signup required.

How to Use JSON Path Finder

1Paste your JSON data into the input area on the left side
2The interactive tree view will render automatically on the right side
3Click any node in the tree to copy its path to your clipboard
4Use the path format selector to switch between JSONPath, dot notation, or bracket notation
5Use the search bar to filter and find specific keys or values in the tree

Frequently Asked Questions

What is JSONPath?

JSONPath is a query language for JSON, similar to XPath for XML. It uses expressions like $.store.book[0].title to navigate and select data from JSON documents. The dollar sign ($) represents the root object, dots (.) access object properties, and brackets ([]) access array elements.

What path formats are supported?

Three formats are supported: JSONPath ($.foo.bar[0]) which is the standard query format, dot notation (foo.bar.0) which is common in JavaScript, and bracket notation (["foo"]["bar"][0]) which handles special characters in key names.

How do I use the tree view?

After pasting valid JSON, the tree view renders automatically. Click the arrow icons to expand or collapse objects and arrays. Click any node to copy its path to your clipboard. Use the Expand All and Collapse All buttons to control the entire tree at once.

Can I search within the JSON tree?

Yes. Use the search bar above the tree view to filter nodes by key name or value. Matching nodes and their parent containers are highlighted, making it easy to locate specific data in large JSON structures.

Is my JSON data safe?

Absolutely. All processing happens locally in your browser using JavaScript. Your JSON data is never sent to any server, making this tool completely safe for sensitive or proprietary data.

How do I find the JSONPath to a specific value?

Paste your JSON, expand the tree to the value you want, and click that node. The full path is copied to your clipboard in your chosen format. This saves you from counting array indexes and nesting levels by hand in a large document.

Which path format should I copy for my code?

Use JSONPath ($.users[0].name) for query libraries and tools that expect it, dot notation (users.0.name) when you read the value directly in JavaScript, and bracket notation when a key contains spaces or special characters that dot notation cannot express.

Share this tool

Related Tools

{ }

Json schema from json

Free online JSON schema generator - generate JSON Schema from sample JSON data automatically

{ }

Json validator

JSON formatter and validator online - format, beautify, and validate JSON data instantly in your browser

npm

Npm package search

Free online NPM package explorer - search npm packages, check bundle sizes, and generate CDN links

Regex pattern generator

Free online AI regex generator - browse 35+ common regex patterns or generate custom ones with AI

🌐

Api tester online

Free online HTTP request builder - build and test HTTP requests with custom headers and body

Regular expression playground

Regex playground with live match highlighting, named groups, find and replace, and shareable links

📦

Package.json builder

Generate package.json files with a form-based builder - 8 project presets, all fields supported

Copy emoji

Free online emoji picker - search, browse, and copy emojis to your clipboard instantly

Keep reading: Cron Expression Cheat Sheet and .gitignore templates reference. Doing this in code instead? See the JSON and data endpoints.

$..