Skip to content
M2TOOLKIT

Popular tools

Menu

CSS Formatter & Minifier

Make CSS readable again, or shrink it for production.

  • Free
  • No sign-up
  • Runs in your browser
Output

Your code is formatted in the browser and never executed.

Everything you type is processed in your browser. Nothing you enter is sent to our servers or stored by us.

How to use the CSS Formatter & Minifier

  1. Paste your CSS into the left box, or open a file.
  2. Adjust the options if you need to.
  3. Copy the formatted or minified CSS or download it as a file.

What does this tool do?

Beautify puts each rule and declaration on its own line with consistent indentation. Minify strips comments and unnecessary whitespace, which typically saves 15–30%.

Why use it?

  • Inspect third-party stylesheets.
  • Clean up generated CSS.
  • Reduce file size for small sites.

Example

.a{color:red;margin:0} becomes
.a {
  color: red;
  margin: 0
}

Privacy

Everything you type is processed in your browser. Nothing you enter is sent to our servers or stored by us. There's no account to create and nothing to install.

Last reviewed by the M2Toolkit team.

Other tools people use alongside the css formatter & minifier.