CSS Minifier

Minify or beautify CSS code. Remove comments, whitespace, and optimize selectors.

9/10 uses left today

659 → 492 bytes (25% smaller)

Input CSS

Minified CSS

.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#1B3A5C;color:white;padding:16px 0;display:flex;align-items:center;justify-content:space-between}.header .logo{font-size:24px;font-weight:bold}.nav-links{display:flex;gap:16px;list-style:none}.nav-links a{color:white;text-decoration:none;transition:opacity 0.2s}.nav-links a:hover{opacity:0.8}.card{border:1px solid #e2e8f0;border-radius:12px;padding:24px;background:white;box-shadow:0 1px 3px rgba(0,0,0,0.1)}

Related Tools

CSS Gradient Generator

Create beautiful CSS gradients with a visual editor and copy the code.

Font Pairing

Browse curated Google Font pairings with live preview. Copy CSS import code.

Box Shadow Generator

Create CSS box-shadow with a visual editor. Multiple layers, inset, copy code.

Border Radius Preview

Visual border-radius editor for all corners with CSS output.