CSS Minifier
Minify CSS by removing comments and unnecessary whitespace, and see exactly how many bytes you save.
CSS Beautifier & Formatter
Turn minified or messy CSS into readable, consistently indented code with one declaration per line.
How to use
- Paste the CSS.
- Pick the indentation.
- Copy the formatted result.
What this tool does
It re-indents rules and at-rules (including nested @media blocks), places each declaration on its own line and keeps comments.
Frequently asked questions
Does it reorder properties?
No. Order matters in CSS, so the formatter only changes whitespace.
Related tools
JSON Formatter & Beautifier
Pretty-print JSON with your choice of indentation and optional key sorting. Errors are shown with line and column.…
REM to PX Converter
Convert rem values to pixels for any root font size, with a quick reference table.
PX to REM Converter
Convert pixels to rem instantly with any base font size, see a reference table, or convert every px…
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.