Beautify or minify CSS
Stylesheets swing between two states: readable source you edit, and minified code you ship. Minified CSS saves bytes but is impossible to work with; beautified CSS is clear but larger. This tool converts between the two, re-indenting rules and properties for editing or collapsing them for delivery, so you always have the form you need.
How to use it
- Paste your CSS.
- Choose beautify or minify.
- Copy the formatted or compressed output.
Why it helps
- Making third-party or minified CSS readable so you can understand a rule.
- Shrinking your stylesheet before deploying it.
- Spotting duplicate or malformed rules once everything is cleanly indented.
Questions people ask
Does minifying remove my comments? Yes — comments are stripped to save space, so keep them in your source copy.
Is my CSS sent anywhere? No — it's formatted locally in your browser.