CSS beautifier
Reformat minified CSS into a readable, indented form — fully client-side.
Runs 100% in your browserHow to beautify CSS
- Paste minified CSS. Drop in the squashed CSS.
- Choose indent. 2 or 4 spaces, or tabs.
- Copy or download. Grab the beautified CSS.
About CSS beautifying
Compiled CSS bundles (Tailwind, PostCSS, SCSS output) are typically minified down to one giant line. Beautifying makes selectors and declarations readable so you can spot rule conflicts, audit cascade order, or copy a specific rule into a debugging snippet.
Frequently asked questions
- Re-formats minified CSS — one rule per line, indented properties, consistent spacing.
- js-beautify works at the token level, not a full CSS parser, so even slightly-malformed CSS will format reasonably. For full validation use the CSS minifier (csso) which does a real parse.
- No. Beautifier runs locally; the strict CSP blocks all outbound calls.