CSS Beautifier
Expand minified CSS into readable rules and declarations.
Make minified CSS readable
Minified CSS — one long line, no spacing — is nearly impossible to read or edit. This beautifier expands it into properly indented rules and declarations so you can actually work with a stylesheet you only have in compressed form.
It re-adds the line breaks and indentation that make CSS scannable, without changing what the styles do. Paste the compressed CSS, get a clean formatted version, and copy it back into your editor to review or modify.
Readable CSS, kept local
It re-indents rules and declarations onto their own lines so minified CSS becomes editable again. Your CSS is formatted in the browser and never uploaded.
Frequently asked questions
What does the CSS beautifier do?
It puts each rule and declaration on its own line and indents nested blocks, turning minified CSS back into something readable.
Does it change my CSS?
Only whitespace and line breaks. Selectors, properties, and values stay the same.
How do I minify it again?
Paste the result into the CSS minifier when you are done editing.
Related tools
Practical utilities for everyday web development work.