Developer Tools

Code Minifier / Beautifier

CSS Beautifier

Tidy CSS rules and indentation.

CSS0 chars
CSS rapi

Guide & explanation

The CSS Beautifier tidies a stylesheet: one declaration per line, indented blocks, and consistent spacing.

Example

.card{display:flex;gap:8px;color:#333}

becomes

.card {
  display: flex;
  gap: 8px;
  color: #333;
}

It handles @media, @supports, and nested rules. Pick the indent width to match your project's style.