CSS Formatter & Minifier

Formatted CSS is easier to read, diff in version control, and maintain. Consistent indentation makes it clear which declarations belong to which selectors, especially inside nested @media queries, @keyframes, and @supports blocks.

Formatting adds indentation and line breaks for readability. Minifying strips all whitespace, comments, and redundant characters to produce the smallest possible CSS file — reducing bandwidth and improving page load speed. Use formatted CSS in development, minified in production.

Yes. The formatter correctly handles all CSS at-rules including @media, @keyframes, @supports, @layer, and @import. Nested rules are indented appropriately and closing braces are aligned with their opening selector.

This tool is optimized for standard CSS syntax. SCSS and Less use CSS-compatible syntax for basic rules, so simple SCSS/Less may format correctly. However, SCSS-specific syntax like nesting with & or variables ($var) may not format perfectly — use a dedicated SCSS formatter for those.

CSS minification typically reduces file size by 20-40% for hand-written CSS. Files with many comments or verbose formatting may see larger reductions. Combined with gzip compression (which most servers apply), the actual bytes transferred are reduced by 70-90%.