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.Use this in a chain

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
.env File Parser
Parse a .env file and see it as a JSON object. Handles comments, quoted values,
Base Converter
Convert numbers between binary, octal, decimal, and hexadecimal. Supports huge n
Credit Card Validator
Validate credit card numbers with the Luhn algorithm and detect the brand: Visa,