CSS Formatter and Minifier

Beautify or minify CSS online. Indent rules, put selectors on separate lines, keep strings, URLs and calc() safe, remove comments and see how many bytes you save.

  • Free, no sign-up
  • Runs in your browser
  • Your data stays private

How to use the CSS Formatter and Minifier

  1. Paste your CSS.
  2. Choose Beautify or Minify and your indent style.
  3. Copy the result and check the size saved.

Why use this CSS Formatter and Minifier

  • Safe minifyingStrings, url() data and calc() spacing are never broken.
  • Clean beautifyingNested at-rules like @media are indented and selector lists split onto lines.
  • Comment controlStrip comments, or keep important /*! */ ones when minifying.
  • Size reportShows rules, declarations and bytes saved.

Frequently asked questions

How do I minify CSS?

Choose Minify. Whitespace and comments are removed and the last semicolon in each rule is dropped.

Will minifying break my CSS?

It keeps spacing that matters, such as inside calc() and between values, and leaves strings and URLs untouched.

Does it handle media queries?

Yes. @media, @supports and nested rules are indented correctly.

Related tools

More Developer Tools

User Reviews

–
No ratings yet
Write a review
Your rating *

Your email is never published. Reviews are moderated, and links aren't allowed.

What users are saying

No reviews yet

Be the first to share your experience with this tool — your feedback helps others.