CSS Beautifier & Minifier

Beautify minified CSS with proper indentation, or minify pretty CSS to a single line. Preserves comments. Runs in your browser.

Runs 100% in your browser — nothing is uploaded.

Indent:

CSS input

197 bytes

Result

.hero {
  background:#6366f1;
  color:#fff;
  padding:2rem 1rem;
  border-radius:8px
}

.hero h1 {
  font-size:2rem;
  margin:0 0 .5rem
}

.btn {
  display:inline-flex;
  gap:.5rem;
  padding:.5rem 1rem;
  background:#fff;
  color:#6366f1
}

241 bytes (+22%)

Frequently asked

Does minifying break my CSS?

The minifier only strips comments and unnecessary whitespace. It never rewrites selectors or property values, so your CSS keeps behaving exactly the same.

How much does minification save?

Typical hand-written CSS shrinks 30–50% with just whitespace and comment removal. Aggressive minifiers (like csso or lightningcss) can do better by reordering rules and shortening values.

Related tools

HTML Beautifier & Minifier
Beautify minified HTML with proper indentation, or minify pretty HTML for produc
JSON Formatter
Format, validate, and minify JSON in your browser. See parse errors with line/co
SQL Formatter
Format and beautify SQL for 10 dialects including PostgreSQL, MySQL, SQLite, Big
Base Converter
Convert numbers between binary, octal, decimal, and hexadecimal. Supports huge n
Cron Builder
Pick a preset or enter your own fields to build a cron expression. Includes a pl
Hash Generator
Instantly compute MD5 and SHA-family hashes of any text. All hashing happens in