Developer Tools

CSS Beautifier

Paste messy or minified CSS and get clean, readable code — or minify it. Everything runs in your browser.

FAQ

CSS Beautifier FAQ

Can it unminify CSS?

Yes. Paste minified CSS (everything on one line) and Beautify puts each rule and declaration on its own line with consistent indentation, a space after each colon, and a semicolon after every declaration.

Does beautifying change how my CSS works?

No. Only whitespace and the optional final semicolon change. Strings, comments, url() values (including data URIs), media queries, selectors like :hover and nested rules are kept exactly as written.

Can I minify CSS here too?

Yes. Minify removes comments and unnecessary whitespace to make the file smaller, and the status line shows the size before and after.