Paste any JSON and instantly explore its structure with an interactive tree view. Click any node to reveal its exact JSONPath expression in both dot notation and bracket notation — no plugins, no sign-up, runs entirely in your browser.
Sample Presets
Paste JSON
Dot
Bracket
Paste JSON above and click Explore to begin.
How to Use
- Paste JSON into the text area above (or pick a sample preset).
- Click Explore (or press Ctrl+Enter / Cmd+Enter).
- Click any node in the tree to see its JSONPath in dot and bracket notation.
- Use the Copy buttons to grab the path or value.
- Search to highlight nodes whose key or value matches your query.
What Is JSONPath?
JSONPath is a query language for JSON, analogous to XPath for XML. It lets you pinpoint values inside complex JSON documents using path expressions like $.user.address.city or $["items"][0]["price"]. JSONPath expressions are used in:
- REST API testing (Postman, Insomnia assertions)
- AWS Step Functions (Input/OutputPath, ResultPath)
- Kubernetes manifests and JSON patches
- Log analysis (Elasticsearch, Grafana)
- Data transformation pipelines
Path Notation Guide
| Notation | Example | Notes |
|---|---|---|
| Dot (simple) | $.user.name | Clean, readable; works for simple keys |
| Dot (index) | $.items[0].price | Array index in brackets |
| Bracket | $["user"]["name"] | Always safe; works with any key |
| Bracket (index) | $["items"][0]["price"] | Fully explicit |
Related Tools
- JSON Formatter & Beautifier — Pretty-print and validate JSON
- JSON Schema Generator — Auto-generate a JSON Schema from sample data
- JSON to CSV Converter — Flatten JSON arrays into spreadsheet format