CSS Formatter & Minifier
Format CSS to make it readable, or minify it to reduce file size instantly.
About this tool
The CSS Formatter takes compact or unindented CSS and outputs it with each property on its own line, proper indentation for nested rules, and consistent spacing around colons and braces. The Minifier strips comments and whitespace to produce the smallest possible CSS for deployment.
Well-formatted CSS is easier to maintain, diff in version control, and review in pull requests. When working with generated CSS from preprocessors, design tools, or minified libraries, the formatter helps you understand the rules being applied without having to mentally parse a wall of text.
CSS minification is an important step in front-end performance optimization. Smaller CSS files load faster over the network and parse more quickly in the browser. For large stylesheets, the size reduction from minification can be significant — 30% to 60% reduction is common depending on how verbose the original source was.