How to use it
- Paste code, drop a file or load the sample; the language is preset for this page and can be changed.
- Choose format or minify and adjust indent, width and other options; the result appears on the right as you type.
- Copy or download the result; on an error, use "Go to error", fix it and run again.
Code style options
| Options | Recommendation |
|---|---|
| Indent | 2 spaces (common in front end) / 4 spaces / tab |
| Line width | Wrap at 80; 100 or 120 for wide screens |
| Quotes | Double (Prettier default) or single |
| Semicolon | On by default to avoid ASI surprises |
| Trailing commas | Added on multi-line lists for cleaner diffs |
Languages and engines
Formatting uses the same open-source engines as popular editors, so results match Prettier in VS Code and your team can keep one style. Every engine loads from this site and runs in your browser.
| Language | Format | Compress |
|---|---|---|
| HTML | Prettier 3 | ✓ comments and whitespace |
| XML | XunL XML engine | ✓ |
| CSS / SCSS / Less | Prettier 3 | ✓ CSSO restructuring |
| JavaScript / TypeScript | Prettier 3（Babel） | ✓ Terser (JavaScript only) |
| JSON | Prettier 3 | ✓ big numbers keep precision |
| YAML | Prettier 3 | — (comments kept) |
| SQL | sql-formatter (14 dialects) | — |
Frequently asked questions
Will formatting change the styles?
No. Only whitespace, line breaks and spacing around colons and semicolons change; selectors, properties and values stay the same.
Is my code uploaded?
No. The engines download from this site and run in your browser; your code never passes through our servers or any third party, so it is safe for internal code and configuration.
How large can files be?
Up to 5 MB per file; above 300 KB the page waits for the button instead of formatting as you type, to keep the browser responsive.