CSS Formatter & Minifier
Beautify messy CSS into readable, indented code, or minify it by stripping comments and whitespace. Runs in your browser.
How it works
- 1
Paste your CSS
A snippet or a whole stylesheet.
- 2
Choose beautify or minify
Readable code, or the smallest possible file.
- 3
Copy the result
Drop it back into your project.
Related tools
Other tools people use right after this one.
Built to get out of your way
487
Tools available
6
Languages
0
Watermarks added
2h
Until your files are erased
100%
Free to start
∞
Devices supported
Frequently asked questions
No, only whitespace and comments are removed.
Beautify vs minify
Beautifying puts each declaration on its own line with consistent indentation, making a stylesheet easy to read and edit. Minifying does the opposite: it removes comments, spaces and the last semicolon in each block so the file downloads faster.
Smaller CSS means faster page loads, which helps user experience and search rankings. Keep the readable version in your source and ship the minified one.