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.
Nothing is uploaded — this tool runs inside your browser, so your files never leave your device.
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
- 1Paste the minified CSS.
- 2Choose your indentation.
- 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.
More developer tools
Looking for something else? Browse all developer tools
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.