Turn minified or messy CSS into clean, readable stylesheets.
Loading tool…
Paste CSS, even a minified one-line stylesheet, and the formatter prints it back with one rule and one declaration per line, consistent spacing and indentation. It uses Prettier, the formatter most front-end projects rely on, so nested @media and @supports blocks, comments and strings are handled correctly. Only the layout changes; the CSS does exactly the same.
Expand a .min.css file to inspect or edit it.
Clean up inconsistently written CSS before working on it.
Format CSS the same way across a team.
No. Only whitespace, line breaks and quote style change. Selectors, properties, values and their order stay the same.
Yes. A minified stylesheet on a single line is expanded to one declaration per line, including rules inside @media and @supports.
This page formats standard CSS. Plain CSS features such as custom properties, nesting and @layer are supported.
You'll see the error and its line instead of a result. The CSS Validator lists every problem it finds.
No. Everything runs in your browser; nothing you paste or upload is sent to our servers.