developer
EM REM Calculator
Convert between px, em, and rem CSS units. Set custom root and parent font sizes with a reference table.
Test JSONPath expressions against JSON data. Supports dot notation, arrays, slicing, and wildcards.
JSON path tester
Paste JSON and enter a path expression to extract matching values instantly.
Quick reference
$.key — root-level key$.a.b.c — nested key$.arr[0] — first array element$.arr[-1] — last array element$.arr[*] — all array elements$.arr[0:3] — slice (index 0-2)How to use
JSONPath is a query language for extracting data from JSON documents, similar to XPath for XML. This tester supports dot notation ($.key.subkey), array indexing ([0], [-1] for last), wildcards ([*] for all elements), and array slicing ([0:3] for elements 0 through 2). The $ symbol represents the root object and can be omitted.
Common use cases include extracting specific fields from API responses, testing data extraction queries before implementing them in code, and debugging complex JSON structures. For nested arrays, you can chain selectors: $.users[0].addresses[*].city extracts all city values from the first user's addresses. The tool processes everything in your browser — no data leaves your machine.
More Developer tools
Related tools
developer
Convert between px, em, and rem CSS units. Set custom root and parent font sizes with a reference table.
developer
Create gradient borders with live preview and generated CSS code. Customize colors, width, radius, and angle.
developer
Visual flexbox layout builder. Configure direction, alignment, wrapping, and gap — copy the CSS.
converter
Convert JSON arrays to CSV and CSV to JSON instantly in your browser. Download CSV files with one click.