Tailwind ↔ CSS конвертер

Вставьте утилитарные классы Tailwind, чтобы увидеть соответствующий CSS, или вставьте CSS, чтобы получить ближайшие классы Tailwind. Охватывает наиболее распространённые утилиты и обновляется по мере ввода — ничего не загружается.

Классы Tailwind

Вставьте классы Tailwind выше, чтобы увидеть CSS.

Охватывает наиболее распространённые утилиты, а не весь фреймворк. Варианты (hover:, md:, dark:), произвольные значения ([…]) и редкие утилиты передаются без изменений.

Всё работает в вашем браузере. Без загрузки, без регистрации.

Как это работает

STEP 1

Выберите направление

Переключайтесь между режимами Tailwind → CSS и CSS → Tailwind. Поле ввода и пример обновляются под выбранное направление конвертации.

STEP 2

Вставьте код

Вставьте список классов Tailwind или блок обычных CSS-объявлений. Конвертация происходит прямо в браузере по мере ввода — ничего не покидает ваше устройство.

STEP 3

Скопируйте результат

Скопируйте сгенерированный CSS или предложенные классы Tailwind одним кликом и вставьте их прямо в свой проект.