CSS Formatter/Minifier

CSS formatter and minifier: beautify stylesheets with consistent indentation and line breaks, or strip whitespace and comments to shrink them. Free and instant in your browser, ready for production.

Click the run button.
Embed

Embed this tool on your site

Powered by Patrache Studio DevTools
Last updated: 2026 · Free online tool

What is CSS Formatter/Minifier?

CSS formatter and minifier: beautify stylesheets with consistent indentation and line breaks, or strip whitespace and comments to shrink them. Free and instant in your browser, ready for production.

How to Use

  1. 1
    Enter CSS— Paste your CSS code on the left.
  2. 2
    Select mode— Choose format or minify mode.
  3. 3
    Execute— Click the execute button and the result will be displayed.

Related Tools

Frequently Asked Questions

Currently only pure CSS is supported. SCSS/LESS support is planned for a future update.

No. Only formatting and minification are performed. Use a separate tool for Autoprefixer.

Comments, whitespace, and line breaks are all removed, reducing file size.

No. Prettier runs directly in the browser.

No. Only CSS code itself is formatted.

This site uses cookies for better experience and advertising. Learn more

Please allow ads on this site

To use these tools, allow ads on this site. Advertising keeps this service free.

Open your ad blocker, turn off blocking for this site, then check again.