Tools · CSS · CSS minifier & beautifier

CSS minifier & beautifier

Minify or beautify CSS, live as you paste, entirely in your browser.

Drop a file here, or choose one.

Runs fully in your browser. Nothing is uploaded.

How it works

  1. Paste your CSS, or start from the sample already in the box.

  2. Choose Minify or Beautify, and an indent size for Beautify.

  3. Copy the result.

Frequently asked questions

No. Minifying and beautifying both run entirely in your browser.

No. This is a real tokenizer, not a whitespace-stripping regex - it tracks comment, string, and url() boundaries, and copies their contents verbatim, whitespace and all. content: "a b" and url("x?a=1 b=2") both come out exactly as you typed them.

Shown live as a real percentage, calculated from your actual input and output byte sizes - not a fixed claim. It depends on how much whitespace and how many comments the original has.

It still produces a best-effort result, plus a plain note that the braces looked unbalanced - it doesn't throw an error or refuse to run.

Comments

  1. No comments yet. Be the first to share your experience.
Your rating (optional)

No rating selected