CSS beautifier & formatter
Paste minified or messy CSS to reformat it with consistent indentation, spacing, and one declaration per line — powered by Prettier, in your browser.
Loading tool…
What the CSS beautifier does
It runs your stylesheet through Prettier's CSS parser to produce clean, consistently indented output with predictable spacing around braces and declarations.
Why beautify CSS
Minified or inconsistently formatted CSS is painful to edit. Beautifying restores structure so you can find and change rules confidently.
Handles modern CSS
Standard CSS, including nested media queries and custom properties, is reformatted faithfully without altering selectors or values.
How to css beautifier
- Paste your CSS into the input pane.
- Click Convert to beautify it.
- Copy the formatted stylesheet or download it as a .css file.