Make minified code readable again
Turn single-line JSON, CSS or HTML into a structure you can review.
Loading…
Guide
Code beautifier handles JavaScript, JSON, CSS, HTML and SQL. JSON is genuinely parsed with JSON.parse first and re-emitted with JSON.stringify; SQL goes through sql-formatter with a choice of standard SQL, MySQL or PostgreSQL; JS, CSS and HTML are handled by js-beautify. It is a formatter — not a compiler and not a full syntax checker.
Updated 2026-09-102 min read
| Input | Output | Notes |
|---|---|---|
| JSON squeezed onto a single line | Multi-line indented JSON | It has to survive JSON.parse first |
select ... |
SQL with upper-case keywords | The dialect changes how it parses |
.a{color:red} |
Expanded CSS | js-beautify |
undefined and single quotes all fail on the spot..ts file extension is routed to JavaScript mode, but what runs is the JS beautifier — not a TypeScript compiler or an AST validator.Turn single-line JSON, CSS or HTML into a structure you can review.
Tidy a query in the dialect of the database you actually run, ready to paste into an issue or a document.
JSON mode calls the strict JSON.parse first, and that call is doing both jobs: validation and the structural rewrite.
No. The tool formats only; error repair and semantic analysis lie outside what it implements.
The code text is passed to the in-app formatting libraries inside your browser only; user code is never executed and nothing is uploaded.
Updated 2026-09-10
Format JS, JSON, CSS, HTML and SQL with selectable indentation and SQL dialect