FreeOnlineQR

CSS Beautifier

Take a minified stylesheet and get readable CSS back — one declaration per line, one indentation level per nested block, and media queries indented inside their own braces. Useful when you're reading somebody else's compiled stylesheet, debugging a rule that only exists in production, or picking apart CSS that a page builder generated as a single line.

Result

Nothing is uploaded — this tool runs inside your browser, so your files never leave your device.

Help us improve

Why use this tool

  • One declaration per line, indented by nesting level
  • Nested blocks like @media and @supports are indented properly
  • Two-space, four-space or tab indentation
  • Runs in your browser — paste a whole production stylesheet if you like

How it works

  1. 1Paste the minified CSS.
  2. 2Choose your indentation.
  3. 3Copy the expanded stylesheet out.

CSS Beautifier — frequently asked questions

You get the rules back exactly, but not the comments or the original line breaks — minification threw those away and nothing can recover them. If the site ships a source map, that will give you the true original; this gives you readable CSS from the minified file alone.

Explore the other tools

Same deal everywhere on the site — free, no sign-up, and no watermark on anything you download.

Or see every tool on one page.