CSS Beautifier & Formatter
Turn minified or messy CSS into readable, consistently indented code with one declaration per line.
CSS Minifier
Minify CSS by removing comments and unnecessary whitespace, and see exactly how many bytes you save.
How to use
- Paste your CSS.
- Choose whether to keep /*! important */ comments (licence headers).
- Copy or download the minified CSS.
What this tool does
It tokenises the stylesheet so strings, url() values and selectors such as “a :hover” keep their meaning, then removes comments, line breaks and spaces that CSS does not need. It does not rename or merge rules.
Why it matters
Smaller stylesheets download faster. On a production site, a build tool or caching plugin usually minifies automatically; this tool is handy for one-off snippets and checking savings.
Frequently asked questions
Can minifying break my CSS?
It should not, because only optional whitespace and comments are removed. Keep your original file for editing.
Related tools
JSON Minifier
Remove all unnecessary whitespace from JSON and see how many bytes you save.
PX to REM Converter
Convert pixels to rem instantly with any base font size, see a reference table, or convert every px…
REM to PX Converter
Convert rem values to pixels for any root font size, with a quick reference table.
CSS Gradient Generator
Build linear, radial and conic CSS gradients visually with multiple colour stops and copy production-ready code.
CSS Clamp Generator (Fluid Typography)
Generate a CSS clamp() value that grows smoothly from a minimum size on small screens to a maximum…
CSS Box Shadow Generator
Design soft, natural box shadows with up to four layers and a live preview, then copy the CSS.
CSS Border Radius Generator
Adjust each corner of a box with sliders, in px or %, and copy the shortest border-radius CSS.