🎨
🐛

Debug Production CSS

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

Реєстрація не потрібна
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.

Як це працює

1
Ввід
Enter your data into the tool above. Everything stays local to your browser.
2
Обробка
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Завантажити
Get your result instantly. Nothing is stored after you leave the page — complete privacy.

Чому наш?

Повністю безкоштовно — ніяких прихованих витрат, ніколи
Не потрібен акаунт, пошта або реєстрація
Файли ніколи не залишають ваш пристрій
Жодних обмежень по розміру файлів
Без водяних знаків на будь-яких результатах

Also check out…

Часті запитання