CSS Formatter

Beautify minified or messy CSS into readable code with consistent indentation.

How to use CSS Formatter

  1. Paste your CSS into the input box.
  2. Choose the indent size.
  3. Click Format, then copy or download the result.

Features

  • Readable rules and spacing
  • Blank line between rules
  • Copy and download buttons

Supported formats and limitations

Formats standard CSS. It does not validate your CSS or fix errors. Some preprocessors such as Sass or Less may format only partly.

Frequently asked questions

Can it format minified CSS?

Yes. Paste the minified code and click Format.

Is my CSS uploaded?

No. It is formatted in your browser.

Privacy: this tool runs in your browser. Nothing you add is uploaded to our servers.

Related tools