Загружаем страницу.
свайпфайл · обновлено 2026-08-28
Готовые UI-компоненты: 17 библиотек
Не мучайте агента просьбой «сделай красиво»: дизайн, нагенерённый с нуля, выглядит нейрослопом. Проще взять готовый компонент — здесь 17 библиотек, откуда он забирается копипастой, командой CLI или промптом агенту. Код кладётся к вам в репо, и вы его хозяин.
Лечит нейрослоп. Эти компоненты собраны людьми со вкусом, а не усреднены моделью: страница перестаёт выглядеть как тысячи сгенерённых близнецов.
Даёт сложный дизайн. WebGL-фоны, 3D-карточки и шейдерные эффекты промптом напрямую не сгенерить: агент такое с нуля не соберёт, а здесь берёте работающее.
Заменяет мудборд. Это и библиотека вдохновения: вместо картинок, которые потом ещё кодить, выбираете глазами и сразу получаете рабочий компонент.
Как работать: найдите в колонке «Когда полезно» свой кейс, откройте сайт библиотеки, скопируйте компонент или готовый промпт и вставьте в проект либо скормите агенту (Cursor, Claude Code). База почти для всего в таблице: shadcn/ui, остальные коллекции ставятся поверх него.
Оценок редакции здесь нет: смотрите на объективные данные в правой колонке (звёзды GitHub, скачивания npm, размер каталога) и решайте под свой кейс.
| библиотека | когда полезно | автор | данные |
|---|---|---|---|
| База проекта | |||
 shadcn/ui | база проекта: кнопки, формы, диалоги; стандарт, поверх которого ставится почти всё остальное из таблицы | shadcn · Vercel | 120 668 ★ GitHub |
 HeroUI | приложение с формами и таблицами, где нужна доступность из коробки; это npm-пакет, не копипаста | команда HeroUI (ex-NextUI) | 30 315 ★ GitHub 512 785 скачиваний npm в неделю |
 Origin UI | mobile-first базовые компоненты с тёмной темой через реестр | открытый проект | официального репо со звёздами нет |
| Анимации и вау-эффекты | |||
 React Bits | нужен анимированный текст, фон или эффект на секцию: скопировал код и вставил | David Haz (@davidhdev) | 44 941 ★ GitHub 4 варианта: JS/TS × CSS/Tailwind |
 Magic UI | лендинг на shadcn-стеке, которому нужен слой анимации | открытый проект | 21 819 ★ GitHub 150+ компонентов |
 Cult UI | анимированные shadcn-блоки на Framer Motion с редакционным вкусом | Nolly Studio | 6 036 ★ GitHub |
 Motion Primitives | инженерные motion-примитивы на Framer Motion без визуального перебора | Julien Thibeaut (@ibelick) | 5 839 ★ GitHub 8 687 скачиваний npm в неделю |
 Animata | copy-paste анимация с reduced-motion и screen-reader поддержкой из коробки | Codse | 2 771 ★ GitHub |
 Aceternity UI | hero-секция с вау-эффектом: 3D-карточки, beams, particle-фоны | Manu Arora | открытого репо нет; Pro-шаблоны $199 lifetime |
 SmoothUI | spring-микроанимации: мелкая моторика интерфейса | Edu Calvo (@educlopez) | 877 ★ GitHub |
| Каталоги готовых блоков | |||
 21st.dev | нужен готовый блок под конкретную секцию (hero, прайсинг, футер); забирается промптом в Cursor или Claude Code | комьюнити дизайн-инженеров · YC W2026 | 12 000+ компонентов в каталоге 5 381 ★ GitHub у open source ядра |
 uiverse.io | микро-деталь: кнопка, лоадер, чекбокс; экспорт в HTML/CSS, Tailwind, React и Figma | открытое комьюнити | 5 800+ элементов на сайте |
| Нишевые и экспериментальные | |||
 Canvas UI | посмотреть, куда жанр идёт: WebGL-эффекты поверх обычного DOM, текст остаётся текстом | David Haz (@davidhdev) | 3 494 ★ GitHub |
 vgpu | нужен шейдерный фон или 3D-сцена: агент берёт готовый пример, а один шейдер работает в браузере и headless Node.js | Vercel Labs | 563 ★ GitHub рендер-тесты в CI |
 Kokonut UI | ИИ-интерфейсы: инпуты чата, голосовые элементы, particle-кнопки | Kokonut Labs | 2 002 ★ GitHub |
 Thinking Orbs | индикатор «агент думает» в чате или в строке статуса: девять точечных орбов-состояний (ищет, решает, слушает) на канвасе, ставится npm-пакетом без зависимостей | Jakub Antalik (@Jakubantalik) | 1 923 ★ GitHub 143 192 скачивания npm в неделю |
 Skiper UI | нишевые формы-интеракции и layout-примитивы, которых нет у крупных | инди-проект | Не замеряли |
Основной срез звёзд GitHub и скачиваний npm снят 2026-08-06 через API GitHub и npm; vgpu проверен 2026-08-28. Размеры каталогов взяты с сайтов библиотек. У Aceternity UI и Origin UI открытых репозиториев нет, поэтому звёзд у них в таблице нет.
Промпт-слоп
«Сделай красивый современный лендинг с плавными анимациями и вау-эффектом»
Агенту не с чего собрать вкус: он усредняет всё, что видел, и выдаёт нейрослоп-лендинг, как у всех.
Промпт, который работает
«Возьми Hero Parallax из Aceternity, поставь по докам и подставь наши тексты»
Агент не выдумывает дизайн, а ставит компонент, написанный человеком со вкусом: сложная анимация уже работает.