Danilo Pinotti

JSONPath Builder

JSONPath helper

Build JSONPath expressions by clicking on JSON elements

Paste your JSON, then click any key or value in the interactive tree to get its JSONPath expression. Everything runs locally in your browser.

Workspace

Paste JSON in the input, then click elements in the tree below.

Input JSON

Quick notes

  • $ — represents the root of the JSON document.
  • .key — accesses an object property (dot notation).
  • ['key'] — accesses properties with special characters.
  • [0] — accesses an array element by index.
  • Click any key, value, or bracket to get its JSONPath.
  • All processing happens locally in your browser.

Color legend

"key"Object keys
"string"String values
42Number values
true/falseBoolean values
nullNull values

This was useful for you? Do you have a suggestion? Please, consider submit a PR on this project on GitHub