Tailwind CSS

Utility-first, адаптивность, тёмная/светлая темы, своя типографика и UI kit с cn() и cva.

1. 1Utility-first и раскладкаЗачем утилитарные классы, шкала, flex/grid и произвольные значения.
2. 2Адаптивность и состоянияMobile-first, hover/focus-visible, group/peer, aria-* и container queries.
3. 3Темы и дизайн-токены@theme, семантические токены, светлая/тёмная тема на CSS-переменных и ручной переключатель.
4. 4Своя типографикаШрифты через next/font, шкала текста как токены и составные стили через @utility.
5. 5Компоненты и вариантыКомпоненты вместо @apply, варианты, cn/tailwind-merge, динамические классы.
6. 6UI kit: Button, Input, cn()Структура shared/ui, cn на clsx + tailwind-merge, варианты через cva, нативные props.