Format (beautify) or minify CSS — safely, entirely in your browser.
Input:
Formatted:
This tool removes comments and unnecessary whitespace -- it does not rename, reorder, or merge your rules. Strings, URLs, custom properties, and media queries are all handled correctly and never corrupted.
It reformats your CSS with consistent indentation: each rule's declarations sit on their own line, one level deeper than the selector, the same way a hand-formatted stylesheet would look.
Comments and unnecessary whitespace -- extra blank lines and spacing around punctuation like braces, colons, and semicolons. It does not rename anything or restructure your rules.
Yes -- a @media block is just a nested set of braces to this tool's formatter, so it indents the rules inside it one level deeper, the same as any other nested block.
Yes -- a custom property like --main-color: #3355ff; is formatted and minified exactly like any other declaration, since its value is still protected the same way any other value would be.
No -- quoted strings (used in content, font-family, and inside url("...")) are detected and protected before any whitespace or comment removal happens, so their contents are never altered.
No. Every transformation runs locally in your browser using JavaScript. Nothing you paste here is sent to Brekzy or stored anywhere.
Explore Brekzy's growing collection of free calculators, converters, AI tools, and practical resources.