Format and beautify CSS
CSS Formatter expands or minifies CSS entirely in your browser using simple pattern-based rules — breaking lines at braces and semicolons for formatting, or stripping whitespace for minifying — rather than a full CSS parser. It is string-aware, though: quoted values are scanned separately from the surrounding code, so a content declaration containing a semicolon, brace, or repeated spaces (e.g. content: 'a;b') is copied through untouched instead of having its whitespace or punctuation altered.
Is CSS Formatter free to use?
Yes, it's completely free with no signup required.
Can I format minified CSS?
Yes — pasting compressed CSS and clicking 'Format' expands it with line breaks and indentation.
Does it support all CSS syntax, including variables and modern features?
It works on the raw text regardless of what CSS features you use, since it's based on whitespace and punctuation patterns rather than parsing CSS semantics — but quoted string values are still recognized and left untouched, so content declarations format and minify safely.
Is my code uploaded to a server?
No, formatting and minifying both happen entirely in your browser.