🎨
🐛

Debug Production CSS

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

No cal iniciar sessió
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.

Com funciona

1
Introdueix
Enter your data into the tool above. Everything stays local to your browser.
2
Processa
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Descarrega
Get your result instantly. Nothing is stored after you leave the page — complete privacy.

Per què usar la nostra?

Completament gratuït — sense costos ocults, mai
No cal compte, correu electrònic ni inici de sessió
Els fitxers no surten mai del teu dispositiu
Sense cap límit de mida de fitxer
Sense marques d'aigua en cap sortida

Also check out…

Preguntes freqüents