CSS formatter
Pretty-print messy CSS or minify it for production, in your browser.
How to use
- Paste your CSS into the input box.
- Choose Format to pretty-print it or Minify to compact it.
- Copy the result back into your project.
Frequently asked questions
Does it validate my CSS?
No — it reformats structure without judging property names or values. Invalid CSS comes out reformatted but still invalid.
Are my comments kept?
Format keeps comments in place; Minify removes them, since that is the point of minification.
How much smaller does minification make files?
Typically 15–40% depending on commenting and formatting habits — worthwhile, though gzip on your server captures much of the same win.
About this tool
Stylesheets accumulate entropy: copied snippets with different indentation, single-line rules from devtools, minified vendor chunks pasted mid-file. The formatter rewrites CSS into a consistent shape — one declaration per line, two-space indentation, normalised spacing around colons — making diffs readable and bugs visible. Minify does the reverse for production: strips comments and whitespace, tightens combinators and drops redundant final semicolons. The processing is string- and comment-aware, so braces inside content strings and url() values do not confuse it, and as with every tool here, your code never leaves the browser.