Instant readable stylesheets

CSS Beautifier

Paste minified or messy CSS and get a clean, properly indented stylesheet — formatted locally in your browser.

Beautified output

How it works

1

Paste your CSS

Drop in minified, bundled or just poorly indented stylesheet code.

2

Pick an indent size

Choose 2 spaces, 4 spaces or tabs to match your style.

3

Copy the result

Get one selector and one declaration per line, ready to paste back into your stylesheet.

FAQ

Does this change my CSS rules?

No. It only reformats whitespace and line breaks; every selector, property and value is preserved exactly.

Is my stylesheet uploaded to a server?

No. Beautifying happens locally in your browser and your CSS is never sent anywhere.

Does it support nested CSS or SCSS?

It formats standard CSS well. Nested syntax from preprocessors like Sass will still indent by brace depth, but selectors are not re-nested.

Try other tools