CSS Beautifier

What does CSS Beautifier do?

The CSS Beautifier formats compressed or messy CSS with one rule per line and consistent indentation, making stylesheets easy to read and edit.

How to use CSS Beautifier

1. Paste or type your code into the box. The Paste button inserts what you copied, and Sample loads an example.
2. Press Beautify.
3. Check the result and press Copy to use it. Reset clears everything.

When is it useful?

• Read minified CSS from a website
• Tidy a stylesheet before editing
• Spot duplicate or broken rules

Good to know

• Your text is only used to create the result and is not saved.

Frequently asked questions

Is CSS Beautifier free?

Yes. You can use it as often as you like without creating an account.

Is my code saved?

No. It is sent to our server only to create the result and is not stored. Like every tool on the site we keep a basic usage record (tool name, time, IP address and country); see our Privacy Policy.

Does it work on my phone?

Yes. It runs in any modern browser on a phone, tablet or computer - there is nothing to install.