CSS Formatter
To format CSS, paste minified or messy CSS and click Format: each rule and declaration is placed on its own line with consistent indentation, keeping comments and media queries readable.
- Free
- No signup
- Runs in your browser
Loading tool…
How to use CSS Formatter
- 1Type or paste your input into the CSS Formatter.
- 2Choose any options you need.
- 3See the result update instantly.
- 4Copy the result or download it.
CSS Formatter: questions people ask
Does it sort properties?
No. Property order is kept, because changing it can change which rule wins.
Does it support SCSS?
Basic SCSS nesting is indented correctly, but SCSS-specific syntax is not validated.
Is my data uploaded when I use the CSS Formatter?
No. The CSS Formatter runs entirely in your web browser, so your text and numbers stay on your device and work even on a slow connection.
Does the CSS Formatter work on iPhone, Android and Mac?
Yes. The CSS Formatter runs in any modern browser (Safari, Chrome, Edge or Firefox) on iPhone, iPad, Android phones, Mac, Windows and Chromebook. There is no app to install.
Is the CSS Formatter free?
Yes. The CSS Formatter is free with no signup, no watermark and no daily limit.