Генератор конфигураций CSS Tailwind

Этот инструмент собирает готовый к использованию файл конфигурации Tailwind CSS через простую форму, чтобы вам не приходилось писать JavaScript вручную. Задайте префикс классов, переключите флаг important и перечислите пути content, которые Tailwind должен сканировать. Можно добавлять собственные цвета и семейства шрифтов, а генератор соберёт их в аккуратный блок theme.extend. Всё сводится в один файл tailwind.config.js, который можно скопировать прямо в проект.

1. На вкладке «Основное» задайте префикс, флаг important и пути content 2. На вкладке «Цвета» добавьте имя и значение каждого цвета 3. На вкладке «Шрифты» добавьте каждое семейство со стеком через запятую 4. Откройте вкладку «Вывод» и нажмите «Создать» 5. Проверьте файл, затем скопируйте его в проект

Указывайте по одному пути content на строку, чтобы Tailwind сканировал нужные файлы в поисках имён классов. Собственные цвета превращаются в утилитарные классы вроде bg-primary или text-brand, а запись шрифта — в font-sans или любое выбранное имя. Пустые разделы автоматически опускаются, поэтому сгенерированный файл остаётся аккуратным, даже если вы заполнили только цвета или шрифты. Вывод использует современный формат ESM-экспорта с подсказкой типа Tailwind вверху.