JSON Formatter
Beautify and minify JSON with syntax highlighting.
Output will appear here
Example JSON documents
Copy any example below and paste it into the formatter, or click to insert it.
Product catalog
A nested object with arrays, numbers, booleans and a null field.
{
"id": "SKU-4471",
"name": "Ergonomic Standing Desk",
"price": 449.99,
"currency": "USD",
"inStock": true,
"categories": [
"office",
"furniture"
],
"manufacturer": {
"name": "DeskWorks",
"origin": "DE"
},
"dimensions": {
"width": 120,
"depth": 70,
"he…API response
A typical paginated REST API response envelope.
{
"status": "ok",
"total": 142,
"page": 1,
"perPage": 20,
"data": [
{
"id": 9921,
"type": "user",
"attributes": {
"name": "Ada Lovelace",
"email": "ada@example.com",
"active": true,
"lastSeenAt": "2026-09-01T12:34:56Z"
}
},
…App configuration
Deeply nested settings object, ideal for the tree view.
{
"app": {
"name": "TechFixGen",
"version": "2.4.0",
"theme": {
"mode": "dark",
"monoFont": "JetBrains Mono"
},
"features": {
"json": {
"enabled": true,
"maxFileSizeMb": 8
},
"markdown": {
"enabled": true
},
"csv…Event stream
An array of records with mixed value types.
[
{
"ts": "2026-09-11T08:00:00Z",
"kind": "pageview",
"value": 128
},
{
"ts": "2026-09-11T08:01:00Z",
"kind": "click",
"target": "#buy-now"
},
{
"ts": "2026-09-11T08:02:00Z",
"kind": "error",
"code": 500
},
{
"ts": "2026-09-11T08:03:00Z",
"ki…Deeply nested
Six levels of nesting. Good for stress-testing validation and the tree view.
{
"level1": {
"level2": {
"level3": {
"level4": {
"level5": {
"level6": {
"value": "bottom",
"ok": true
}
}
}
}
}
},
"siblings": [
1,
2,
3
]
}Frequently asked questions
Is my JSON data sent to a server?
No. All parsing, formatting, validation and tree viewing happens entirely in your browser. Nothing is transmitted, logged or stored.
What does the tool do when the JSON is invalid?
It shows the exact line and column where the first error was found, along with a human-readable message. You can click 'Jump to error position' to go straight to the problematic spot in the input.
What is the maximum file size supported?
The tool handles files up to roughly 1 MB comfortably. Large documents may be slightly slower to re-render due to the debounce, but parsing and formatting are near-instant.
Can I sort keys and remove null values?
Yes. Enable the 'Sort keys' checkbox to alphabetically order object keys at every level, or 'Remove nulls' to strip out any properties whose value is null.
What is the Tree View?
The Tree View shows your JSON as a collapsible, colour-coded tree structure with expand/collapse controls. It auto-expands the first two levels and caps rendered children at 50 per object/array for performance.