CSS Minifier
Remove spaces, line breaks and comments from CSS to cut file size.
How it works
CSS Beautifier
Reformat minified or messy CSS with consistent indentation and spacing, so every rule and declaration is easy to read, debug and edit.
Paste or type to begin. Everything runs in your browser.
- 01
Paste CSS (minified is fine), drop a .css file onto the input, or load the sample.
- 02
Pick an indent. Each declaration goes on its own line, with a blank line between rules if you want one.
- 03
Copy the result or download it as a .css file.
About this tool
Why beautify CSS?
Minified CSS from a CDN, a build tool or a website's source is nearly impossible to read. A CSS beautifier, sometimes called a CSS unminifier or formatter, puts each selector and declaration on its own line with proper indentation, and adds space between rules.
Clean formatting makes stylesheets easier to understand, debug and modify. It's useful when you're inspecting another site's styles, untangling legacy code, reviewing changes or simply keeping a consistent code style across your team.
Unminify anything
Expand one-line minified CSS into readable, structured rules.
Media queries and nesting
@media, @supports and other at-rules are indented correctly.
Indent options
2 spaces, 4 spaces or tabs, with optional blank lines between rules.
Private
Your stylesheets are formatted locally and never uploaded.
FAQ
Frequently asked questions
Does beautifying CSS change how it works?
No. Only whitespace and line breaks change, so the stylesheet behaves exactly the same.
Can it format SCSS or Less?
Simple SCSS and Less usually format well, since their syntax is close to CSS. Complex mixins and functions may not be formatted perfectly.
How do I minify CSS again afterwards?
Use the CSS Minifier to strip whitespace and comments before deploying.
Are my files uploaded anywhere?
No. This tool runs entirely in your browser using JavaScript. Your files and text never leave your device, so it's safe for private or confidential work.
Missing something?
Tell us the tool you wish existed.
Instant.tools grows from real requests. Describe the task you're stuck on and we'll consider building it next.