CSS Beautifier / Minifier

Format or minify CSS.

Action

CSS input

Output

.container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 16px;
  background:#fff;
  border-radius:8px
}
.btn:hover {
  background:rgb(40,40,40);
  color:#fff
}

Beautify formats with 2-space indent. Minify strips comments, whitespace, and redundant semicolons. For production CSS minification (combining shorthand properties, removing unused vendor prefixes), use a tool like cssnano or LightningCSS.

About

Beautify CSS with 2-space indent. Minify by stripping comments, whitespace, and redundant semicolons. Shows the size reduction percentage.

How to use

Paste CSS.
Pick beautify or minify.

FAQ

Why minify CSS?+

Smaller bytes ship faster. Modern bundlers (Vite, esbuild) minify automatically. This tool is for one-off cleanup or copy-paste needs.