CSS Minifier
Minify CSS with CSSO: strip comments, shorten colors, optionally merge rules.
How it works
CSS Beautifier
Unminify a stylesheet from a CDN or a production build: one declaration per line, with @media and @supports blocks indented properly.
Paste or type to begin. Everything runs in your browser.
- 01
Paste CSS (minified is fine), drop a .css file onto the input, or load the sample.
- 02
Pick 2 spaces, 4 spaces or tabs, and whether to leave a blank line between rules.
- 03
Copy the result or download it as a .css file.
Good to know
- Match your repo's indent before pasting the result back in, or the next diff will touch every line.
- Finished editing? Run it back through the CSS Minifier before you deploy.
FAQ
Frequently asked questions
Does it change how the CSS behaves?
No. Selectors, values and their order stay exactly as they were; only whitespace moves.
Can it format SCSS or Less?
Simple SCSS and Less usually come out fine, since the syntax is close to CSS. Heavy mixins and functions may not.
Missing something?
Tell us the tool you wish existed.
Describe the job and the file types involved. The most requested tools get built first.