CSS Formatter & Minifier
Format and minify CSS, with SCSS and Less support
What is CSS Formatter & Minifier?
A CSS formatter rewrites minified or inconsistently styled sheets into a readable one-declaration-per-line form, while minify mode strips comments and redundant whitespace. SCSS and Less syntax are supported, and all processing happens locally in your browser.
How to use CSS Formatter & Minifier
- 1Paste CSS, SCSS, or Less code.
- 2Choose format or minify; formatting lets you set the indent width.
- 3After minifying, the footer reports how much smaller the output is.
Frequently asked questions
How does this differ from the minifier in my build tool?+
This tool only performs safe whitespace and comment removal. It does not merge properties, substitute shorthand, or reorder selectors. Build-time minifiers such as cssnano and lightningcss apply far more aggressive optimizations that produce smaller output but need the full stylesheet context to stay correct.
Why should I verify minified CSS one more time?+
Any minifier can run into syntax where whitespace matters, such as string values inside custom properties. Rendering the page once in a real browser before you ship is the cheapest verification available.
Related tools
All toolsJSON Formatter
Format, minify, and validate JSON with line-and-column error reporting
JSON Validator
Validate JSON syntax and pinpoint the failing line and column
JSON Viewer
Explore JSON as a collapsible tree and read off access paths
JSON Escape / Unescape
Escape and unescape JSON strings
SQL Formatter
Beautify SQL per dialect, including MySQL and PostgreSQL
XML Formatter
Pretty-print or minify XML while checking that every tag is closed