JSON Formatter & Validator

Format, validate, and minify JSON in your browser. Choose 2-space, 4-space, or tab indentation. No upload required: all processing stays in your browser.

Free to use. Runs in your browser.

Paste JSON to pretty-print it with 2-space, 4-space, or tab indentation, or minify it to a single line. Invalid JSON shows the exact parser error and character position.

No upload required. All formatting, validation, and minification runs in your browser. Safe for API responses containing tokens, user data, or production records.

Input JSON

What Is JSON and Why Format It?

JSON (JavaScript Object Notation) is the common data format for web APIs. It is human-readable in theory, but minified JSON from an API response can be a wall of brackets, commas, and nested objects. Formatting makes that structure visible.

Pretty-printing JSON adds indentation and line breaks so you can actually see the structure. Nested objects become obvious. Missing commas jump out. A 500-character blob becomes a clear, scannable tree. It's the difference between reading a paragraph with no spaces and reading one with proper formatting.

The formatter uses the browser's JSON.parse() and JSON.stringify() functions on the page. Paste JSON in, format or minify it, then copy the result. That local workflow is useful when you are debugging API responses that contain auth tokens, user data, or production database records.

Pretty-Printing and Indentation Options

Pretty-printing converts compact, hard-to-read JSON into an indented, multi-line layout where each key-value pair sits on its own line and nested objects are visually separated. The tool offers three indent styles so you can match your team's convention.

2 spaces

The default and the most widely used style in web development. Compact enough that deeply nested JSON remains visible without horizontal scrolling. Matches the Prettier and ESLint defaults used by most JavaScript projects.

4 spaces

Common in Python (json.dumps with indent=4), Java, and C# projects. Gives more visual breathing room between levels. Produces slightly larger files than 2-space output, but the difference disappears when gzip is applied.

Tab

One tab character per indent level. Preferred in projects where developers set their own tab-width in their editor, since each person sees their preferred width automatically. In code, pass '\t' as the third argument to JSON.stringify().

Programmatic equivalent: JSON.stringify(obj, null, 2) gives 2-space output, JSON.stringify(obj, null, 4) gives 4-space output, and JSON.stringify(obj, null, '\t') gives tab output. JSON.stringify(obj) with no third argument produces minified output.

JSON Data Types at a Glance

Type	Example	Rules	Common Gotcha
String	"name": "Alice"	Always double-quoted	Single quotes are invalid, use double quotes only
Number	"age": 30	No quotes, supports decimals and negatives	No leading zeros (01 is invalid), no NaN or Infinity
Boolean	"active": true	Lowercase true/false only	True, TRUE, and "true" are all wrong, must be lowercase true
Null	"deleted": null	Lowercase null (not undefined)	undefined doesn't exist in JSON, use null instead
Array	"tags": ["a", "b"]	Ordered list, mixed types allowed	No trailing comma after last element
Object	{"key": "value"}	Unordered key-value pairs	Keys must be strings, no unquoted identifiers

JSON doesn't support: comments, trailing commas, single quotes, undefined, NaN, Infinity, dates (use ISO 8601 strings), or functions. These are the most common reasons JSON fails to parse.

JSON Error Reference

When JSON.parse() fails, the error message can be cryptic. Search for your error message below to find the cause and fix.

Error Message	Cause	Fix
Unexpected token '	Single quotes around keys or values	Replace all single quotes with double quotes: 'name' → "name"
Unexpected end of JSON input	Missing closing bracket, brace, or truncated response	Count opening/closing pairs, every { needs } and every [ needs ]
Expected ',' or '}'	Trailing comma after last item in object/array	Remove the comma after the last property: {"a": 1,} → {"a": 1}
Unexpected token /	JavaScript-style comments in JSON	Remove all // and /* */ comments, JSON doesn't support them
Bad escaped character	Unescaped backslash or quote inside string	Escape special chars: use \\ for backslash, \" for quote in strings
Unexpected token u	undefined value (not valid JSON)	Replace undefined with null, JSON only supports null, not undefined
Unexpected number / NaN / Infinity	NaN or Infinity in output	NaN and Infinity aren't valid JSON. Convert to null or a string first
Unterminated string	String contains unescaped newline	Use \n for newlines inside strings, not actual line breaks
Duplicate key	Same key appears twice in an object	Remove the duplicate. Last value wins in most parsers but it's ambiguous
json.decoder.JSONDecodeError	Invalid JSON passed to json.loads()	Check for BOM (byte order mark), trailing content, or encoding issues
JsonSyntaxException	Malformed JSON string	Validate your JSON first. Check for unquoted keys or JavaScript syntax
SyntaxError: JSON.parse	Any invalid JSON passed to JSON.parse()	Wrap in try/catch. Log the raw string to see what's actually being parsed
Cannot read property of undefined	Accessing nested property that doesn't exist	Use optional chaining: data?.user?.name instead of data.user.name
Maximum call stack size exceeded	Circular reference in JSON.stringify()	Remove circular refs before stringifying, or use a replacer function

Showing 14 of 14 errors.

HTTP Status Codes (API Quick Reference)

When you're formatting JSON from an API response, the status code tells you what happened before you even look at the body. Search by code number or description.

Code	Status	Meaning	What To Do
200	OK	Request succeeded. The response body contains the requested data.	Everything worked. Parse the response body as JSON
201	Created	New resource was created successfully.	Your POST request worked. Check the response for the new resource's ID
204	No Content	Request succeeded but there's no response body.	Common for DELETE requests. Don't try to parse the body, there isn't one
301	Moved Permanently	Resource has moved to a new URL permanently.	Update your code to use the new URL from the Location header
302	Found	Resource is temporarily at a different URL.	Follow the redirect. The original URL may work again later
304	Not Modified	Cached version is still valid.	Use your cached copy. The server confirms nothing has changed
400	Bad Request	The request was malformed or missing required fields.	Check your request body for syntax errors, missing fields, or wrong types
401	Unauthorized	Authentication is required or has failed.	Your API key is missing, expired, or wrong. Check the Authorization header
403	Forbidden	You're authenticated but don't have permission.	Your credentials are valid but you don't have access to this resource
404	Not Found	The requested resource doesn't exist.	Check the URL for typos. The resource may have been deleted
405	Method Not Allowed	HTTP method not supported for this endpoint.	You sent POST but the endpoint only accepts GET, or vice versa
409	Conflict	Request conflicts with current state of the resource.	Often means duplicate entry. The resource already exists or was modified
413	Payload Too Large	Request body exceeds the server's size limit.	Your JSON payload is too big. Reduce it or paginate
415	Unsupported Media Type	Content-Type header is wrong.	Add Content-Type: application/json to your request headers
422	Unprocessable Entity	JSON is valid but the data doesn't pass validation.	Syntax is fine but values are wrong (e.g., email format, required field empty)
429	Too Many Requests	Rate limit exceeded.	Slow down. Check Retry-After header for how long to wait
500	Internal Server Error	Something broke on the server side.	Not your fault. Retry after a moment. If persistent, check server logs
502	Bad Gateway	Server got an invalid response from upstream.	Proxy or load balancer issue. Usually temporary, retry in a few seconds
503	Service Unavailable	Server is overloaded or down for maintenance.	Try again later. Check the Retry-After header if present
504	Gateway Timeout	Upstream server didn't respond in time.	Request took too long. May need to reduce payload or optimise the query

Showing 20 of 20 codes.

Format vs Minify: When to Use Each

Format (pretty-print)

Use during development, debugging, code review, and documentation. Readable structure helps you spot issues. Choose 2-space indent for compact output, 4-space for maximum readability, or tab indent if that is your project's standard.

Minify (compact)

Use for production APIs, config files, localStorage, and data transfer. Removes all whitespace to reduce payload size. A 10 KB formatted JSON typically minifies to around 6 KB, a saving that compounds at scale over slow mobile connections.

Payload Size	Formatted	Minified	Savings
Small API response	2 KB	1.2 KB	40%
Product catalogue	500 KB	280 KB	44%
GeoJSON dataset	5 MB	2.8 MB	44%
+ gzip compression	5 MB → 800 KB	2.8 MB → 650 KB	84-87%

Key insight: Gzip compression (which most servers apply automatically) dramatically reduces size regardless of formatting. The real win from minification is eliminating whitespace before gzip, but the difference is smaller than you'd expect. Format for development, minify for production, and make sure gzip is enabled on your server.

JSON vs Alternatives

Format	Comments	Readable	Best For	Drawback
JSON	No	Good (formatted)	APIs, data transfer, configs	No comments, no trailing commas
YAML	Yes	Excellent	Docker, CI/CD, Kubernetes	Indentation-sensitive, surprising type coercion
TOML	Yes	Excellent	App config (Cargo, pyproject)	Nested tables get verbose
JSON5	Yes	Great	Config files where comments help	Non-standard, needs a separate parser
XML	Yes	Poor (verbose)	Legacy systems, SOAP, SVG	Extremely verbose, complex parsing
Protocol Buffers	Yes (.proto)	No (binary)	High-performance gRPC APIs	Not human-readable, needs code gen
MessagePack	No	No (binary)	Compact data transfer	Binary format, can't paste into a text editor

What this means for you: JSON won the API format war because it's native to JavaScript and simple to parse in every language. Use YAML or TOML for config files where you need comments. Use JSON for data exchange. If you need comments in JSON, use JSON5 or JSONC (JSON with Comments, what VS Code uses for settings).

Worked Example: Debugging a Failing API Call

The situation: Dev is building a React app that calls a REST API. The fetch request keeps failing with "SyntaxError: Unexpected token" when calling JSON.parse(). The raw response looks like a wall of text.

Step 1: Copy the raw response

In the browser DevTools Network tab, find the failing request, click the Response tab, and copy the entire response body. It's 2,000 characters of minified JSON, impossible to read.

Step 2: Paste into the formatter

Pasting into this tool immediately shows a validation error: "Unexpected token at position 847." The tool highlights the problem area. It turns out the API returned a 500 error page (HTML, not JSON), the response starts with <!DOCTYPE html>.

Step 3: Check the status code

Back in DevTools: the response status is 500 Internal Server Error. The server crashed and returned an HTML error page instead of JSON. The fix is server-side, the endpoint needs error handling that returns JSON even on failure.

Step 4: Add defensive parsing

In the meantime, wrap the client-side parse in a try/catch: check response.ok before calling response.json(), and handle non-JSON responses gracefully instead of crashing.

JSON Best Practices

Use consistent naming

Pick camelCase or snake_case and stick with it across your entire API. Mixing "firstName" and "last_name" in the same response confuses every developer who touches it.

Dates as ISO 8601 strings

Always use "2026-04-15T14:30:00Z" format. Not timestamps, not "April 15th", not "15/04/2026". ISO 8601 is unambiguous, sortable, and parseable in every language.

Null vs missing keys

Be deliberate: "email": null means "this field exists but has no value." Omitting the key entirely means "this field doesn't apply." Document which approach your API uses.

Always validate on the server

Never trust incoming JSON. Validate types, required fields, and value ranges. A missing field that your code assumes exists will crash at 3am on a Friday.

Common Mistakes

Trailing commas

JavaScript allows trailing commas everywhere, so you forget JSON doesn't. [1, 2, 3,] is valid JS but invalid JSON. Always remove the comma after the last element.

Stringifying twice

Calling JSON.stringify() on a string that's already JSON wraps it in extra quotes and escapes. You get "{\"name\":\"Alice\"}" instead of '{"name":"Alice"}'. Check if the input is already a string before stringifying.

Not checking Content-Type

Your API returns HTML error pages, but your code blindly calls JSON.parse() on every response. Always check that Content-Type is application/json before parsing.

Logging sensitive data

Pretty-printing an API response to console.log in production, including auth tokens, API keys, and user PII. Use environment checks to suppress JSON logging in production.

Huge JSON in localStorage

Storing megabytes of JSON in localStorage (5 MB limit in most browsers). It blocks the main thread during read/write. Use IndexedDB for large datasets, localStorage for small config only.

No error handling for parse

JSON.parse() throws on invalid input. Always wrap it in try/catch. An uncaught parse error can crash your entire app if it's in a request handler or event listener.

Related Tools

CSV to JSON Converter

Convert spreadsheet data to JSON format

JSON to CSV Converter

Export JSON data as CSV for spreadsheets

XML Formatter

Format and validate XML documents

JWT Decoder

Decode and inspect JWT tokens (JSON payload)

Base64 Encoder/Decoder

Encode and decode Base64 strings

SQL Formatter

Pretty-print SQL queries

How to use this tool

Paste your raw JSON into the input area

Choose your indent style: 2 spaces, 4 spaces, or tab

Click Format to pretty-print or Minify to compress

Common uses

Debugging API responses during development
Formatting config files for readability
Minifying JSON payloads to reduce file size
Validating JSON structure before deployment

Share this tool

Frequently Asked Questions

What does this JSON formatter do?

It takes raw JSON and either pretty-prints it with proper indentation (2 spaces, 4 spaces, or tabs) or minifies it to a single line. It also validates your JSON and shows the exact error location if anything's wrong.

What does pretty-print mean in JSON?

Pretty-printing adds indentation and line breaks to JSON so the structure is easy to read and scan. A minified blob like {"a":1,"b":[2,3]} becomes a clearly nested, multi-line document. The Format button in this tool does exactly that, with your choice of 2 spaces, 4 spaces, or tab indentation.

Is my JSON sent to a server?

No. All formatting, minification, and validation happens entirely in your browser using JavaScript's built-in JSON.parse() and JSON.stringify(). Your data never leaves your device. This makes it safe to paste API responses containing auth tokens, user records, or production data.

What does 'Unexpected token' mean in a JSON error?

It means the parser found a character it did not expect at that position. The three most common causes are: (1) single quotes around keys or values instead of double quotes, (2) a trailing comma after the last item in an object or array, and (3) a JavaScript-style comment (//) in the JSON. The error message includes the position number, which you can match to the JSON Error Reference table on this page to find and fix the exact issue.

How do I find the exact position of a JSON error?

This tool surfaces the parser error verbatim, including the character position. For example, 'SyntaxError: Unexpected token at position 284' means the problem character is at index 284 in your input. Count through your JSON, or search the JSON Error Reference table below for your exact error message to identify the most likely cause and fix.

Can this tool fix broken JSON?

It can't auto-fix invalid JSON, but it shows you the exact error message from the parser, including the position where the error occurs. Common fixes: add missing commas, close unclosed brackets, wrap keys in double quotes, remove trailing commas.

What's the difference between formatting and minifying JSON?

Formatting adds whitespace and indentation to make JSON human-readable. Minifying strips all unnecessary whitespace to reduce file size. A 10KB formatted JSON file might be only 4KB minified, that matters for API payloads and config files.

How much does minifying JSON reduce file size?

Typically around 40 to 44 percent for real-world payloads. A small API response of 2 KB formats to around 1.2 KB minified. A 500 KB product catalogue compresses to around 280 KB. Adding gzip compression on top reduces sizes even further, usually 80 to 87 percent combined. See the size table in the Format vs Minify section below for concrete figures.

Why do JSON keys need double quotes?

The JSON specification requires all keys to be wrapped in double quotes. Single quotes, unquoted keys, and backticks are invalid JSON (even though JavaScript objects accept them). This is the most common JSON validation error developers hit.

Can JSON have comments?

No. The JSON specification does not allow comments of any kind, no //, no /* */, no # comments. If you need comments in config files, use JSONC (JSON with Comments) which tools like VS Code support, or switch to YAML or TOML.

What's the maximum JSON size this can handle?

There is no hard limit in this tool. Current browsers handle JSON strings of several hundred MB. For very large files (100MB+), you might notice a brief pause during formatting. If your JSON is enormous, consider using jq on the command line instead.

Why is a trailing comma invalid in JSON?

JSON doesn't allow trailing commas after the last item in an array or object. [1, 2, 3,] is invalid JSON but valid JavaScript. Remove the comma after the last element. Many formatters and linters can auto-fix this.

How do I validate JSON in JavaScript?

Wrap JSON.parse() in a try/catch: try { JSON.parse(str); } catch (e) { console.error(e.message); }. If it throws, the string isn't valid JSON. The error message tells you exactly what's wrong and where.

What's the difference between JSON and a JavaScript object?

JSON is a text format with strict rules: double-quoted keys, no functions, no undefined, no trailing commas, no comments. JavaScript objects are far more flexible. JSON is always valid JS, but JS objects aren't always valid JSON.

How do I format JSON with 4-space or tab indentation?

Click the '4 Spaces' or 'Tabs' button above the input area before clicking Format. This tool offers three indent options: 2 spaces (default, most common in web development), 4 spaces, and tab indentation. In code, JSON.stringify(obj, null, 2) uses 2 spaces; replace 2 with 4 for 4 spaces, or with '\t' for tabs.

How do I minify JSON for production?

Paste your JSON and click Minify. This removes all whitespace, newlines, and indentation, producing the smallest possible valid JSON string. For build pipelines, use JSON.stringify(obj) without the third argument, it produces minified output by default.

Should I use JSON or YAML for configuration files?

Use YAML for configuration files that humans edit regularly, especially when comments are useful (CI/CD pipelines, Docker Compose, Kubernetes manifests). Use JSON for machine-to-machine data exchange and APIs where a standard parser is expected in every language. If you need comments inside JSON config specifically, JSONC (JSON with Comments, used by VS Code) or JSON5 are the closest alternatives. See the JSON vs Alternatives comparison table below for a full breakdown.

Results are for general informational purposes only and should be checked before use. They are not professional advice. See our Disclaimer and Terms of Service.