News Blogs Tools Score

CSS Beautifier

Beautify minified or messy CSS with consistent two-space indentation and one rule per line. Runs entirely in your browser.

Written by code.liveHow we review content

CSS

Beautified CSS

Beautified CSScss

.card {
  background:#111;
  border-radius:12px;
  padding:24px
}
.card:hover {
  border-color:rgba(255,255,255,.25)
}

CSS toolkit

Full CSS hub →

Generators and formatters for gradients, layout, shadows, and CSS cleanup.

Keep learning

Sources

Primary references for claims on this page