#НовостиРазработки Про Tailwind CSS v4

Tailwind — CSS-фреймворк, упрощающий создание адаптивных интерфейсов за счет набора утилитарных классов. Полезен для быстрого создания дизайнов без кастомных стилей, но может привести к избыточности классов в HTML.

Что нового

- Новый движок: полные сборки теперь до 5 раз быстрее, а инкрементальные (повторные) — более чем в 100 раз

- Поддержка новых CSS-фич: @layer (cascade layers) & color-mix() & @property

- Упрощённая установка — теперь Tailwind работает без сложной настройки: меньше зависимостей, не нужен tailwind.config.js, достаточно одной строки в CSS @tailwind base; @tailwind components; @tailwind utilities;

- Интеграция с Vite — ускоряет разработку за счёт более быстрой пересборки стилей и мгновенного обновления изменений в браузере

- Автоматическое определение контента — больше не нужно вручную указывать пути к файлам шаблонов в конфигурации, Tailwind сам их находит

- CSS-конфигурация — можно настраивать стили прямо в CSS-файле с @tailwind, без JavaScript

- Динамические утилиты и варианты — теперь можно использовать кастомные переменные, например, text-[color:var(--my-color)], без необходимости менять конфигурацию

Кажется, это обновление может сократить время сборки, расход ресурсов, особенно на крупных проектах. Также ускорить разработку, но только если вы используете те фичи, которые были оптимизированы. Релиз скорее обрадует тех, кто уже давно работает с Tailwind и сталкивался с его слабыми местами на проектах.

↗️ Детали релиза https://tailwindcss.com/blog/tailwindcss-v4