Загружаем страницу.
свайпфайл · обновлено 2026-08-03
Не мучай агента просьбой «сделай красиво»: дизайн, нагенерённый с нуля, выглядит нейрослопом. Проще взять готовый компонент - здесь 15 библиотек, откуда он забирается копипастой, командой CLI или промптом агенту. Код кладётся к тебе в репо, и ты его хозяин.
Лечит нейрослоп. Эти компоненты собраны людьми со вкусом, а не усреднены моделью: страница перестаёт выглядеть как тысячи сгенерённых близнецов.
Даёт сложный дизайн. WebGL-фоны, 3D-карточки и шейдерные эффекты промптом напрямую не сгенерить: агент такое с нуля не соберёт, а здесь берёшь работающее.
Заменяет мудборд. Это и библиотека вдохновения: вместо картинок, которые потом ещё кодить, выбираешь глазами и сразу получаешь рабочий компонент.
Как работать: найди в колонке «Когда полезно» свой кейс, открой сайт библиотеки, скопируй компонент или готовый промпт и вставь в проект либо скорми агенту (Cursor, Claude Code). База почти для всего в таблице: shadcn/ui, остальные коллекции ставятся поверх него.
Оценок редакции здесь нет: смотри на объективные данные в правой колонке (звёзды GitHub, скачивания npm, размер каталога) и решай под свой кейс.
| библиотека | когда полезно | автор | данные |
|---|---|---|---|
| База проекта | |||
 shadcn/ui | база проекта: кнопки, формы, диалоги; стандарт, поверх которого ставится почти всё остальное из таблицы | shadcn · Vercel | 120 342 ★ GitHub |
 HeroUI | приложение с формами и таблицами, где нужна доступность из коробки; это npm-пакет, не копипаста | команда HeroUI (ex-NextUI) | 30 280 ★ GitHub 478 789 скачиваний npm в неделю |
 Origin UI | mobile-first базовые компоненты с тёмной темой через реестр | открытый проект | официального репо со звёздами нет |
| Анимации и вау-эффекты | |||
 React Bits | нужен анимированный текст, фон или эффект на секцию: скопировал код и вставил | David Haz (@davidhdev) | 44 685 ★ GitHub 4 варианта: JS/TS × CSS/Tailwind |
 Magic UI | лендинг на shadcn-стеке, которому нужен слой анимации | открытый проект | 21 771 ★ GitHub 150+ компонентов |
 Cult UI | анимированные shadcn-блоки на Framer Motion с редакционным вкусом | Nolly Studio | 6 017 ★ GitHub |
 Motion Primitives | инженерные motion-примитивы на Framer Motion без визуального перебора | Julien Thibeaut (@ibelick) | 5 794 ★ GitHub 7 056 скачиваний npm в неделю |
 Animata | copy-paste анимация с reduced-motion и screen-reader поддержкой из коробки | Codse | 2 769 ★ GitHub |
 Aceternity UI | hero-секция с вау-эффектом: 3D-карточки, beams, particle-фоны | Manu Arora | открытого репо нет; Pro-шаблоны $199 lifetime |
 SmoothUI | spring-микроанимации: мелкая моторика интерфейса | Edu Calvo (@educlopez) | 870 ★ GitHub |
| Каталоги готовых блоков | |||
 21st.dev | нужен готовый блок под конкретную секцию (hero, прайсинг, футер); забирается промптом в Cursor или Claude Code | комьюнити дизайн-инженеров · YC W2026 | 12 000+ компонентов в каталоге 5 374 ★ GitHub у open source ядра |
 uiverse.io | микро-деталь: кнопка, лоадер, чекбокс; экспорт в HTML/CSS, Tailwind, React и Figma | открытое комьюнити | 5 800+ элементов на сайте |
| Нишевые и экспериментальные | |||
 Canvas UI | посмотреть, куда жанр идёт: WebGL-эффекты поверх обычного DOM, текст остаётся текстом | David Haz (@davidhdev) | 3 085 ★ GitHub |
 Kokonut UI | AI-интерфейсы: инпуты чата, голосовые элементы, particle-кнопки | Kokonut Labs | 1 989 ★ GitHub |
 Skiper UI | нишевые формы-интеракции и layout-примитивы, которых нет у крупных | инди-проект | не замеряли |
Звёзды GitHub и скачивания npm сняты 2026-08-03 через API GitHub и npm; размеры каталогов взяты с сайтов библиотек. У Aceternity UI и Origin UI открытых репозиториев нет, поэтому звёзд у них в таблице нет.