Beautify CSS with clean indentation, or minify it to shrink file size. Handles media queries, calc() and license comments.
How to use the CSS Formatter
Paste your CSS into the input box.
Choose Beautify to format it or Minify to compress it.
Pick the indent size, then copy the result.
Frequently asked questions
No. The minifier keeps the spaces around plus and minus inside values, so calc(100% - 30px) stays valid. It only removes spaces around structural characters such as braces, colons and semicolons.
Normal comments are removed to save space, but license comments written as /*! ... */ are kept, which is the standard convention for preserving copyright notices.
No. Both beautify and minify run entirely in your browser, so your stylesheets never leave your device.
A CSS formatter that beautifies stylesheets with consistent indentation or minifies them to reduce file size, handling nested media queries and calc() correctly.
Minify is calc-safe and preserves license comments, and everything runs locally in your browser.
Related tools
Generate SHA-1, SHA-256, SHA-384 and SHA-512 hashes of any text, right in your browser.
Convert colors between HEX, RGB and HSL with a live preview.
Convert Unix timestamps to human dates and back — UTC, local, ISO 8601 and relative time. Seconds and milliseconds are auto-detected.
Percent-encode and decode URLs and URL components, UTF-8 safe.
We use essential cookies to run the site. With your consent we also load Google AdSense, which sets advertising cookies. See our privacy policy.