CSS Formatter & Beautifier

Unminify a stylesheet from production or tidy up hand-written CSS, SCSS or Less.

Input · drop a file

Output

What it does

Every rule and declaration goes on its own line, selectors in a list are split one per line, and spacing around colons, braces and commas is normalised. Colour hex codes are lower-cased; nothing else about your values changes.

Unminifying production CSS

Formatting restores structure, but comments and original variable names removed by a minifier cannot be recovered. If a site ships source maps, your browser’s DevTools can show the original files.

Questions

Does it support SCSS and Less?

Yes — switch the language chip above the input. Nesting, mixins and variables are handled.

Will it reorder properties?

No. Property order can change behaviour, so it is kept.

Related tools