CSS Minifier

CSS

CSS Minifier — fast, colorful & responsive

Paste CSS on the left. Choose options and minify. Download, copy, preview and estimate size.

Editor

Write or paste CSS here

Remove comments Collapse whitespace Shorten hex colors (e.g. #ff0000 → #f00) Preserve line breaks

/* Sample CSS loaded by the tool */ :root{ --brand: #7c3aed; } body{ margin:0; font-family: system-ui, -apple-system, 'Segoe UI', Roboto; background: #f7fafc; } .btn{display:inline-block;padding:12px 20px;border-radius:8px;background:#7c3aed;color:#fff;text-decoration:none} @media (min-width:700px){ .container{max-width:1100px;margin:0 auto} } /* end sample */

Minifier uses a fast, conservative algorithm locally. For aggressive optimizations it will use csso if available.

Output

PreviewLive preview using minified CSS

Sample component

This small area shows how the CSS will affect elements. Minify to update.

Primary

StatsSizes & savings

Original size

0 B

Minified size

0 B

Saved

0 B (0%)

AdvancedAdditional tools

Tip: press Ctrl/Cmd + Enter to minify quickly.