CSS Beautifier & Minifier
Reformat minified CSS, SCSS or Less at 1–5 spaces or a tab, or minify CSS keeping /*! licence comments, flagging an unclosed brace, quote or comment by line.
Make minified CSS readable again
Paste minified or messy CSS and get it back cleanly formatted, with every rule and declaration on its own indented line and consistent spacing. Indent with 1 to 5 spaces or a tab to match your project’s style. You can also put a selector list such as h1, h2 on one line instead of one selector per line (which keeps a SCSS map on one line too), and leave out the blank line it adds between rules. These three are remembered on this device until you press Forget saved settings. A line length is not offered: the formatting engine never breaks a CSS line, so that setting would do nothing. Set Syntax to CSS or SCSS / Less — all three are tidied the same way, and the picker tells the built-in check whether // starts a comment, so an unclosed brace, quote, comment or parenthesis is reported with the line it opened on. It’s powered by js-beautify, the same formatting engine used by many editors.
Private and lossless
Everything runs in your browser — your stylesheet is never uploaded, so it’s safe for proprietary or unreleased code. It reformats layout only and never changes what your CSS does. Minify goes the other way: it strips comments and unnecessary whitespace, keeps /*! licence comments unless you clear the box, and shows how many bytes it saved. It pairs with the HTML formatter and JavaScript beautifier.
Frequently asked questions
Can it un-minify CSS?
Yes — it expands compressed one-line CSS back onto readable, indented lines so you can edit and review it.
Does it change how my CSS renders?
No. It only reformats whitespace and indentation; selectors, properties and values are untouched.
Can I choose the indent style?
Yes — pick 1, 2, 3, 4 or 5 spaces, or a tab, to match your codebase.
Will minifying change how my styles behave?
No. Minify only removes comments and unnecessary whitespace and the redundant final semicolon in each rule. It preserves string and url() contents, descendant-combinator spaces, and the spaces inside calc(), so the rendered result is identical.
How much smaller will minifying make my file?
It depends on how many comments and how much indentation the original has. Heavily commented, nicely indented source often shrinks by 20 to 50 percent. Minify shows the exact before-and-after byte count and the percentage saved.