Paste CSS, drop a file, or
About this tool
A CSS beautifier reformats stylesheets with consistent indentation, one declaration per line and tidy spacing around braces and colons — turning minified or messy CSS into something readable and diff-friendly.
Paste CSS, hit Beautify, and copy the result with one click — or switch to the CSS minifier to compress it again. It all runs in your browser.
Formatting happens locally — your styles never leave your browser.
Frequently asked questions
Does beautifying change my styles?
No — it only reformats whitespace and structure. The selectors, properties and values are unchanged, so the rendered result is identical.
Will it sort or merge my rules?
No. It reformats layout only; it won't reorder selectors or combine duplicate rules, so your cascade is preserved exactly.
How do I minify CSS instead?
Use the CSS minifier (linked below) to strip whitespace and shrink the file.