UI Kit / компоненты

Это не генераторы, а готовые блоки интерфейса (кнопки, модалки, таблицы и т.д.), которые ты вставляешь в проект

И да — ты не обязан всё это руками собирать - просто просишь модель (Gemini / Claude / OpenCode) собрать или переписать UI под нужный kit - и она делает



🍦 | shadcn/ui

• Плюсы:
Полный контроль над компонентами - код у тебя в проекте
Чистая и современная база для интерфейса
Хорошо работает в связке с AI

• Минусы:
Желательно понимать базу Tailwind
Не plug & play - требует чуть больше вовлечения

• Когда использовать?
Как основу для UI - почти всегда



🍤 | Aceternity UI
• Плюсы:
Сильные визуальные эффекты и анимации
Позволяет быстро сделать интерфейс более выразительным

• Минусы:
Легко перегрузить UI и ухудшить читаемость

• Когда использовать?
Чтобы усилить визуал и добавить динамику - да
Использовать как дополнение к базовому UI, а не основу



😂 | React Bits

• Плюсы:
Быстро усиливает визуал и детали интерфейса
Можно вставить готовые фрагменты и сразу использовать

• Минусы:
Не система - нет единого подхода к UI
Может ощущаться как набор разрозненных кусков

• Когда использовать?
Когда нужно точечно улучшить интерфейс и добавить деталей - да


🌶️ | DaisyUI

• Плюсы:
супер быстрый старт
Готовые компоненты без лишней настройки

• Минусы:
Шаблонный визуал
Меньше контроля и кастомизации

• Когда использовать?
Если нужен быстрый прототип без заморочек - да
Если важен контроль и уникальный UI - то лучше возьми shadcn



Другие UI-библиотеки:

Есть ещё Chakra UI, Material UI, Ant Design, Headless UI

Я их сознательно не использую.
меньше гибкости под мой флоу

____________________________

• Итог:
Касаемо этих инструментов (из трех постов) - мой актуальный стек
OpenCode IDE
Gemini + Claude модели
shadcn + Aceternity +React Bits для визуала