🎨

CSS Formatter

Free

Paste minified or messy CSS and get a properly formatted stylesheet with consistent indentation and property ordering.

Indent:

How to Use CSS Formatter

  1. 1

    Paste your minified or disorganised CSS into the input panel on the left.

  2. 2

    Choose your preferred indentation size and toggle property sorting if you want alphabetically ordered declarations.

  3. 3

    The expanded, consistently-formatted CSS appears in the output panel instantly.

  4. 4

    Click "Copy" to copy the formatted stylesheet ready to use in your project.

Features

  • ✓ Expand minified CSS
  • ✓ Configurable indentation
  • ✓ Property sorting

Frequently Asked Questions

Does it work with SCSS or Less?

The formatter handles standard CSS. For SCSS/Less, it will format the valid CSS portions but may not understand preprocessor-specific syntax like variables or mixins.

Can it minify CSS too?

Not currently — this tool beautifies and expands CSS only. Minification is on the roadmap.