🗜️

CSS Minifier & Beautifier

Minify CSS to shrink file sizes, or beautify minified CSS for readability. Pure client-side — your code never leaves your browser.

Input CSS
0 lines · 0 chars
Size
Minified Output
Original
Output
Saved
Advertisement
How to use
  1. Paste your CSS into the left pane, or click Sample to try an example.
  2. Choose Minify to compress for production, or Beautify to reformat minified CSS.
  3. Copy or download the result. Stats show original vs. output size and percent saved.
FAQ

Typical reductions are 20–40% before gzip — more if your source has lots of comments or whitespace. Combined with gzip/Brotli compression, minified CSS often loads 60–80% faster than formatted CSS over the wire.

No. Only whitespace, comments, and redundant semicolons are removed. Selectors, declarations, media queries, and string contents are preserved exactly. If something breaks, the original CSS likely had a bug.

Yes — native CSS nesting, custom properties, container queries, layers, and @supports blocks are passed through correctly. Quoted strings (e.g. content: ";") are preserved verbatim so the minifier never breaks them.