CSS Minifier

Minify CSS in the browser.

Input

Output

How to use

Four quick steps — paste, run, review, copy. Everything stays in your browser.

Drop CSS, HTML, JSON, or other text into the editor. Nothing is uploaded.

Click Convert or Run. The result appears instantly on this page.

Read the generated code and any review notes before you ship it.

Copy the output to your clipboard and paste it into your project.

Strip comments and unnecessary whitespace from CSS to shrink payload size. Useful for quick checks; production builds usually minify in the bundler.

Example includes a comment that minification removes.

Input

.hero {
  /* homepage band */
  padding: 4rem 1.5rem;
  background: #0f172a;
  color: #e2e8f0;
}

Output

.hero{padding:4rem 1.5rem;background:#0f172a;color:#e2e8f0}

Do not minify as your only source of truth — keep a formatted original in git.