DEV 🎨 Format

CSS Formatter & Beautifier

CSS Formatter takes minified or messy CSS and converts it into clean, readable code with proper indentation, line breaks, and spacing. Perfect for reading minified stylesheets or formatting minified CSS.

Indent Style

Input CSS

Formatted CSS

How to Use

Paste your CSS code into the input panel.
Select your preferred indent style (2 spaces, 4 spaces, or tabs).
Click Transform to format the CSS.
Click Copy to copy the formatted output.

How It Works

The formatter parses CSS by splitting on braces, tracking nesting depth, and applying consistent indentation. Each property is placed on its own line with proper colon spacing and semicolons.

Back to all dev tools