Debug Production CSS

View minified CSS from production sites in a readable format to find and reverse-engineer styling.

Keine Anmeldung erforderlich

Indent:

Sort properties alphabetically

Minified / messy CSS

Beautified CSS

Output will appear here…

CSS Debug tips

🐛

Open DevTools, find a stylesheet, copy the minified content, paste here. Now you can search for class names and understand the cascade.

💡

For understanding popular sites' CSS techniques, run their minified styles through the beautifier to study their patterns.

🎯

Sort properties alphabetically to spot duplicate declarations or order-of-cascade bugs.

Eingabe

Enter your data into the tool above. Everything stays local to your browser.

Verarbeiten

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

Herunterladen

Get your result instantly. Nothing is stored after you leave the page — complete privacy.

✓Komplett kostenlos — keine versteckten Kosten, jemals

✓Kein Konto, keine E-Mail, keine Anmeldung erforderlich

✓Dateien verlassen nie dein Gerät

✓Keinerlei Dateigrößenbeschränkungen

✓Keine Wasserzeichen auf Ausgaben

Enforce Team CSS Style

Run team-submitted CSS through a consistent beauti

Format Vendor-Prefixed CSS

Vendor-prefixed CSS (autoprefixer output) often ha

Learn from Pro CSS

Study CSS from famous design systems by formatting

Format CSS for Bug Reports

When filing CSS bugs, formatted CSS is much easier