CSS Formatter
Free online CSS formatter based on Prettier: restore single-line stylesheets to readable indented CSS, or minify.
Privacy: all processing happens locally in your browser. Your input never leaves your device.
What is CSS Formatter?
Production CSS is usually compressed into a single line and impossible to read when debugging styles. Based on Prettier, this tool restores minified CSS to a readable multi-line, indented format with clear selector, property and media-query structure — and can minify it back to save bytes. Modern nesting syntax is supported.
How to Use
- Paste CSS code
- It formats automatically, or click Minify
- Copy the result
FAQ
- Are Less/SCSS supported?
- Standard CSS and CSS nesting syntax are supported; for SCSS-specific syntax like @mixin, use Prettier with the appropriate plugin inside your project.
- How much size does minifying CSS save?
- Typically 15%-25%. The gap shrinks once gzip is applied, but minification remains a standard build-pipeline step.
Related Tools
JS / TS FormatterFree online JavaScript and TypeScript formatter powered by Prettier, with JSX/TSX support and reverse minify — local.HTML FormatterFree online HTML formatter based on Prettier: re-indent tags, normalize attributes, format embedded script and style.SQL FormatterFree online SQL formatter for MySQL, PostgreSQL, SQL Server and SQLite: uppercase keywords and indented subqueries.XML FormatterFree online XML formatter with two-space indent, preserved attributes, comments and CDATA, plus line-numbered errors.
Last updated 2026-09-04