CSS Formatter
Beautify messy CSS into readable, indented code, or minify it down for production.
Result
.card {
color:#1c1f1d;
padding:16px;
background:#fff}
.card:hover {
color:#2b6e5e}Free to use, no sign-up, no limit on how many times you run it.More developer tools
Overview
Quickly reformat CSS either for readability during development or for a smaller file size in production, without needing a build tool.
- One-click toggle between beautify and minify
- Strips comments during minification
- Runs entirely in your browser
How to use it
- 1Paste in your CSS
- 2Choose Beautify or Minify
- 3Copy the result
Frequently asked questions
Does minifying remove comments?
Yes — comments are stripped during minification, since they add size without affecting how the CSS renders.
Will this handle SCSS or LESS syntax?
It's built for plain CSS. Preprocessor-specific syntax like nesting, variables, or mixins isn't parsed correctly.