Beautify or minify CSS with custom indent, syntax highlighting, line numbers, minify stats, and one-click download — all private in your browser.
Also searched as: css beautifier · css minifier online · css formatter · minify css online · prettify css
Indent size
Step-by-step guide to get the most from this tool
Drop minified or messy CSS into the input panel.
Select Beautify with indent options, or Minify for production output.
Read syntax-highlighted CSS with line numbers.
Copy to clipboard or download as a .css file.
What makes this tool stand out
Selectors, properties, values, and comments colored.
2 spaces, 4 spaces, or tabs.
Strip comments and collapse whitespace.
See compression ratio and bytes saved.
Save formatted CSS as a file.
Client-side js-beautify — no server.
More free utilities you might find useful
Quick answers to common questions
Paste your CSS in the input panel, choose Beautify mode, set indent size and options, and read the formatted output with syntax highlighting instantly.
This tool formats plain CSS. SCSS nesting and variables may not format correctly — use a dedicated SCSS formatter for those syntaxes.
Minify collapses whitespace and strips block comments to produce the smallest CSS string. The stats panel estimates bytes removed from comments and whitespace.
Yes. -webkit-, -moz-, and other prefixed properties are kept exactly as written during beautify and minify.
No. All formatting runs in your browser using js-beautify with no network requests.
Your data is processed entirely in your browser. Nothing is sent to any server.