JSON Formatter

Input

179 chars · 8 lines

Output

205 chars · 28% smaller minified
{
"project": "LocalBench",
"version": 1.4,
"active": true,
"tags": [
"utility",
"local-first",
"react"
],
"owner": {
"name": "XYZ",
"role": "engineer"
},
"notes": null
}

JSONPath Query

About the JSON Formatter

A JSON formatter and validator for cleaning up API responses, config files, and log payloads. Paste minified or malformed JSON, catch syntax errors immediately with an exact position, and explore the result in a collapsible tree instead of a wall of text.

It's built for the everyday loop of debugging an API: paste a raw response, instantly see whether it's even valid JSON, then drill into a deeply nested object without losing your place. Because parsing runs in your own browser tab, it's safe to paste real production payloads — auth tokens, customer records, internal config — without that data ever reaching a third-party server.

How to Use the JSON Formatter

1

Paste or type JSON into the input panel — invalid syntax is flagged immediately with a line and column.

2

Switch between the Tree, Formatted, and Minified views, or search the tree for a specific key or value.

3

Copy the formatted or minified result, or query it with the built-in JSONPath panel.

Frequently Asked Questions

Is my JSON uploaded anywhere?

No. Parsing, formatting, and the tree view all run in your browser using the built-in JSON parser — nothing you paste is sent to a server.

What does the error message tell me?

When JSON is invalid, the tool surfaces the browser parser's own error, including the character position and line/column, so you can jump straight to the problem.

What's the difference between Format and Minify?

Format pretty-prints with two-space indentation for reading and editing. Minify strips all non-essential whitespace, useful for pasting into configs or shrinking payloads.

Can I search or query inside a large JSON document?

Yes — the tree view has a live search box that filters to matching keys/values, and a separate JSONPath panel lets you run an expression like `$.users[0].email` or `$..id` to pull out exactly the values you need.