ZeroServer.tools

CSS Formatter

Beautify and indent minified or messy CSS.

CSS Input

Formatted

body {
  margin: 0;
  font-family: sans-serif;
}
.card {
  padding: 16px;
  border-radius: 8px;
  background: #fff;
}
@media(max-width:600px) {
  .card {
    padding: 8px;
  }
}

Beautifying CSS

Minified or hand-mangled CSS is hard to read and edit. This formatter re-indents each rule, puts every declaration on its own line, adds a space after each colon, and nests @media blocks. It's a quick way to make a stylesheet readable before tweaking it. All formatting happens locally in your browser.

Private & free — this tool runs entirely in your browser.