CSS Beautifier
Format CSS with one declaration per line and consistent spacing, using Prettier. Free and private: runs in your browser.
Paste minified or messy CSS to make it readable.
Runs entirely in your browser. Nothing you paste is uploaded or stored.
Use cases
- Clean up code or data before sharing it in a ticket or pull request.
- Make minified output readable while debugging.
- Shrink files before deploying.
Frequently asked questions
Does it support SCSS and media queries?
Media queries, custom properties and modern CSS are supported. Simple SCSS usually formats correctly too.
Is the CSS Beautifier free?
Yes. It is free with no sign-up, and it runs entirely in your browser, so your input is never uploaded or stored.
Will formatting change how my code behaves?
Formatting only changes whitespace and layout. Minifying removes comments and whitespace and may shorten names, so keep the original source in version control.
Related tools
Checking one snippet is a start. Scan your whole repository for free with CodeInspector.