Instantly beautify and format CSS code with proper indentation and structure — no external libraries
Developer Tools
CSS Formatter - Beautify & Format CSS Online
How to Use
1Paste your CSS into the input area
2The formatted CSS appears instantly in the output
3Copy the beautified result with one click
Frequently Asked Questions
CSS Formatter takes minified or poorly indented CSS and reformats it with consistent newlines after braces and semicolons, and 2-space indentation for nested rules including @media queries.
Yes. The formatter detects @media blocks and correctly indents the rules nested inside them.
No. All processing is done entirely in your browser using JavaScript. Your CSS never leaves your machine.