JSON Path Picker
Explore JSON as a tree and click any value to get its JSONPath, normalized path or JavaScript accessor.
JSON tree
Value at this path
Paste JSON above. The tree appears here and every node gives you its path.
How it works
Paste a JSON document and it is parsed as you type into a collapsible tree. Click any node
and the tool writes out the path to it, ready to copy: the JSONPath dot form
$.users[0].email, the RFC 9535 Normalized Path form
$['users'][0]['email'] that always uses single-quoted brackets, or a plain
JavaScript accessor data.users[0].email you can paste straight into code. Keys
that are not valid identifiers, such as first name or 2fa, are
switched to bracket notation automatically, with the quoting and escaping the chosen style
requires, so the path you copy is always valid.
The filter box narrows the tree to nodes whose key or value contains what you type, keeping their parents visible so you can still see where a match sits. The panel above the tree shows the type of the selected node and pretty-prints its value, and Download all paths exports every path in the document with its value as a plain text file, which is handy for mapping an API response before you write the code that reads it.
Everything happens in your browser with the native JSON.parse: your payload is
never uploaded, so API responses, tokens and config files are safe to paste here.
Frequently asked questions
How do I find the JSONPath of a value?
Paste your JSON and it is turned into a collapsible tree as you type. Click the node you are interested in and the Selected path box fills with the path to it, ready to copy. If you cannot see the value, type part of the key or the value into the filter box and the tree narrows to matching nodes while still showing their parents, so you can tell where each match sits.
What is the difference between the three path styles?
JSONPath dot notation is the familiar readable form, $.store.book[0].title, and falls back to brackets for keys that are not valid identifiers. The RFC 9535 option produces a Normalized Path, which always uses single-quoted brackets, $['store']['book'][0]['title'], and is what a conformant JSONPath library returns for a match. The JavaScript accessor option gives data.store.book[0].title, which you can paste straight into code.
Is it safe to paste an API response here?
Yes. The document is parsed in your browser with the native JSON.parse and never leaves your device, so there is no upload, no account and no logging. That makes it safe for API responses, tokens and config files. Copy path, Copy value and Download all paths all work on the copy already in your browser.