CSS Formatter & Minifier
Beautify CSS for readability or minify it for smaller output.
How the CSS formatter works
Step 1
Paste your CSS
Add a stylesheet or a CSS snippet into the input box.
Step 2
Format or minify
Format adds consistent indentation and line breaks for readability. Minify removes unnecessary whitespace for a smaller file.
Step 3
Copy the output
Use Copy output to grab the result for your stylesheet, build pipeline or code editor.
Frequently asked questions
Does formatting change how my CSS behaves?
No. Formatting and minifying only change whitespace and layout; the resulting styles behave the same as the original rules.
Can I use this on large stylesheets?
Yes, though very large files may take a little longer to process since everything runs in your browser rather than on a server.
Is my CSS uploaded anywhere?
No. Formatting and minifying happen locally on your device.