🎨
🐛

Debug Production CSS

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

Ingen inloggning krävs
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.

Så här fungerar det

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

Varför använda vårt?

Helt gratis — inga dolda kostnader, någonsin
Inget konto, e-post eller inloggning krävs
Filer lämnar aldrig din enhet
Inga filstorleksgränser överhuvudtaget
Inga vattenstämplar på någon utdata

Also check out…

Vanliga frågor