CSS Formatter & Compressor

Format or compress CSS code with custom indentation and comment preservation

Indent Size:

Input CSS

Paste your CSS code here...

Input Size: 0 bytes

Output CSS

Processed CSS will appear here...

Output Size: 0 bytes

Documentation

About CSS Formatter & Compressor

This tool beautifies and minifies CSS code, helping you keep styles readable during development and compact for production.

Key Features

CSS Beautify: Normalize indentation and block structure.
CSS Minify: Reduce whitespace and separators.
Comment Handling: Optionally preserve comments in minify mode.
Size Metrics: Show input/output size and compression ratio.

Steps

Paste CSS code into the editor.
Choose beautify or minify mode.
Configure indent or comment options.
Process and copy the output.

FAQ

Is minified CSS hard to read?

Yes, minified output is for delivery. Switch back to beautify for readable format.

Is any data stored remotely?

No. Processing is local in the browser.