CSS Formatter / Minifier
Format, beautify and minify CSS code.
How to Use the CSS Formatter
Paste your CSS into the input box, then click "Format" to beautify it with proper indentation and line breaks, or "Minify" to compress it into a single line. Choose between 2-space, 4-space or tab indentation.
What This Tool Does
- Format/Beautify — adds indentation and line breaks for readability
- Minify — removes all whitespace and comments to reduce file size
- Indent Options — choose 2 spaces, 4 spaces, or tabs for formatting
The tool runs entirely in your browser. No data is sent to any server.
Frequently Asked Questions
How do I beautify CSS?
Paste your CSS and click Format. The tool adds proper indentation, line breaks after braces and semicolons, making the code readable.
What does Minify do?
Minify removes all whitespace, comments and unnecessary semicolons to create the smallest possible CSS output.
Does this handle media queries?
Yes. Nested rules like @media queries are properly indented with increased depth for the inner selectors.
Is there a size limit?
There is no hard limit, but very large CSS files may be slow to process in the browser.
Does my CSS get uploaded?
No. All formatting happens locally in your browser. Your data never leaves your device.
More Developer Tools
JSON Formatter
Format, validate and minify JSON with syntax highlighting.
Open tool →Base64 Encode / Decode
Encode text to Base64 or decode Base64 back to text.
Open tool →UUID Generator
Generate UUID v4 identifiers, single or in bulk.
Open tool →Unix Timestamp Converter
Convert Unix timestamps to human-readable dates and back.
Open tool →URL Encode / Decode
Encode or decode URLs and query parameters.
Open tool →HTML Entity Encode / Decode
Encode special characters to HTML entities or decode them back.
Open tool →