Corvo

Code & data

CSS Formatter & Minifier

Format CSS for readability or minify it to ship. Free, instant, and nothing is sent to a server.

Runs entirely in your browser. Nothing is uploaded.

Input Paste CSS, or drop a .css file
Output 
Formatted CSS appears here.
Waiting for input

What this tool does

Paste CSS that's been squeezed onto one line, or written inconsistently by several people over time, and get it back with clean, consistent indentation — one declaration per line, nested @media and similar blocks indented properly, selectors left exactly as you wrote them. Minify does the reverse: strips comments and every non-essential character to produce the smallest file to actually ship.

Everything happens locally in your browser. There's no server involved in the formatting itself, so nothing you paste here is transmitted anywhere.

How to use it

  1. Paste your CSS, or drop a .css file onto the input pane.
  2. Choose an indent width if the default two spaces isn't your preference.
  3. Press Format to beautify, or Minify to compress.
  4. Copy the result, or download it as a file.

Format or minify — which one, when

Format while you're actively working on a stylesheet — reading it, debugging a rule that isn't applying, or cleaning up something inherited from someone else's inconsistent spacing. Minify right before shipping to production: fewer bytes over the wire, and comments meant for other developers don't need to go to every visitor's browser.

If your build already runs a bundler (Vite, webpack, and similar all minify CSS automatically), you likely don't need to minify by hand — this is more useful for a standalone stylesheet outside that kind of pipeline, or for a quick one-off check of how much a file actually shrinks.

Questions

Is this CSS formatter free?

Yes, completely, with no signup and no limit on how much you format.

Is my CSS uploaded anywhere?

No. Formatting and minifying both happen in your browser. Nothing you paste is sent to a server — check your browser's Network tab while using the tool and you'll see no requests.

Does it handle @media and other nested at-rules?

Yes — nested blocks like @media, @supports, and @keyframes are indented one level deeper than their surrounding rule, the same way you'd format them by hand.

Will it break my CSS if a value contains something unusual, like a URL or quoted text?

No — quoted strings and the contents of url() are treated as opaque and passed through untouched, including any colons, semicolons, or braces inside them (which do occasionally show up in a content value, for instance).

Does minify remove comments?

Yes. Format mode keeps comments where you wrote them; minify mode strips them entirely, along with all non-essential whitespace, since the goal there is the smallest possible file to ship.

Does this validate my CSS, or just reformat it?

It reformats. It doesn't check that your properties or values are valid CSS the browser will understand — only that the braces and structure are readable. If a rule doesn't do what you expect, that's a CSS issue to debug separately, not something this tool would catch.

Related tools