CSS Formatter
Beautify messy stylesheets or minify them for production.
Beautify CSS for readability, minify it for speed
Minified CSS — everything on one line — is great for page speed and terrible for humans. Paste a minified stylesheet here to expand it into a readable form: one declaration per line, consistent indentation for nested rules, and spacing that makes diffs meaningful. This is the fastest way to work with third-party CSS you need to patch or audit.
The minifier reverses the process for production: it strips comments, whitespace and the final semicolon of each block without changing what the rules mean. A typical stylesheet loses 20–40% of its bytes.
FAQ
Does minification break my styles?
No — it only removes whitespace and comments, which CSS grammar ignores. Selectors, property names and values are untouched.
Does it work with media queries and keyframes?
Yes. Nested at-rules like @media and @keyframes keep their inner blocks indented when beautified and collapse cleanly when minified.
Does it support preprocessors like SCSS?
No — variables, mixins and nesting syntax are not standard CSS. Expand your SCSS to CSS first, then use this tool.