Paste CSS and toggle between Format and Minify without leaving the page. Format expands rules with 2-space, 4-space, or tab indentation. Minify strips comments and whitespace for a smaller stylesheet. Ideal when you need both operations during development.

How to use this tool

Paste your stylesheet into the CSS input area. Click Format to pretty-print with readable indentation, or Minify to compress for production. Choose indent style when formatting. Copy the result from the output panel—switch modes anytime without leaving the page.

Worked example

Example: minified `.btn{color:red;padding:1rem}` becomes a multi-line formatted block with one property per line. Switch back to Minify to shrink a formatted file before deployment.

How it works

Paste CSS and switch between Format and Minify in one panel. Format expands rules with your chosen indentation (2 spaces, 4 spaces, or tabs). Minify strips comments and collapses whitespace. Both modes run on your device using js-beautify for formatting and a safe whitespace pass for minification.

Limitations

Minify removes comments and whitespace only—not selector merging or value optimization. For a compression-focused page with byte stats, use CSS Minifier.

Privacy and file handling

Your data stays on your device and is not uploaded.

FAQ

Frequently asked questions

How is this different from the CSS Minifier?

This tool switches between Format and Minify in one interface. CSS Minifier is a dedicated compression page with byte-size stats when you only need to shrink a stylesheet.

Can I pretty-print minified CSS here?

Yes. Paste minified CSS, choose Format, pick an indent style, and copy the expanded output.

Is my CSS uploaded?

No. Everything stays on your device.

Page last reviewed: March 1, 2026

Related tools

CSS Minifier

HTML Formatter and Minifier

JavaScript Formatter and Minifier

HTML Minifier

JS Minifier

JSON Formatter

JSON Compare

XML Formatter