CSS Beautifier

Format and beautify minified or messy CSS code with proper indentation and organization.

Formatting Options

Indentation

Indent Size

Selector Format

Brace Style

Preserve comments

Sort properties alphabetically

Original CSS

Lines: 0 | Size: 0 KB

.navbar{background:#fff;padding:1rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.navbar .logo{font-size:1.5rem;font-weight:bold;color:#8b5cf6}.btn{display:inline-block;padding:0.75rem 1.5rem;border:none;border-radius:0.375rem;font-weight:600;text-decoration:none;transition:all 0.2s ease}.btn-primary{background:#8b5cf6;color:#fff}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px)}

Beautified CSS

Lines: 0 | Size: 0 KB

/* Beautified CSS will appear here */

Formatting Statistics

Original Lines

Beautified Lines

0 B

Original Size

0 B

Beautified Size