About this tool
CSS Formatter — Beautify or minify CSS with consistent style. Free, fast and private. Runs entirely in your browser at Quick Calci Tools.
Examples
Common scenarios for the CSS Formatter.
One-line rules
- css
- .btn{color:red;padding:8px;border-radius:4px}
Each declaration on its own indented line.
Vendor prefixes
- css
- display:-ms-flexbox;display:flex
Prefix stack retained with readable spacing.
Minify pass
- css
- .a { color: red; } .b { color: blue; }
.a{color:red}.b{color:blue}
Who uses the CSS Formatter?
Common scenarios and audiences for this tool.
Design systems
Normalize token files before publishing package tarballs.
Theme hackers
Readable WordPress child theme overrides.
Email coders
Inline CSS without mystery semicolon omissions.
Students
Learn declaration grouping from expanded layouts.
Performance coaches
Estimate byte savings before adding PurgeCSS.
Frequently asked questions
Everything you need to know about the CSS Formatter.