CSS Formatter & Minifier
Beautify stylesheets for reading — or minify them for shipping. Transformations happen in place.
CSS editor — input and result share one box
How it works
Beautify re-emits every rule on its own line with consistent indentation and one declaration per line. Minify strips comments (optional), collapses all whitespace outside strings, and removes the final semicolon of each block. Values inside quoted strings are never touched. Every action applies to the current editor content, and Undo restores the previous state.
FAQ
Does it support media queries and nested rules?
Yes — braces are tracked recursively, so @media blocks and nested rules are indented correctly.
Is minified output safe?
Yes for standard CSS. As with any minifier, unusual constructs inside strings or custom properties are preserved verbatim.
Is my CSS uploaded?
No. Everything runs in your browser.