VibeUI vs Magic UI
Magic UI — открытая библиотека анимированных компонентов на React, Tailwind и Motion, с платными шаблонами Pro. VibeUI шире по составу (компоненты, лендинг-блоки, анимации, сценарии страниц), анимации в нём без зависимостей и с учётом prefers-reduced-motion, а к каждому item'у прилагается инструкция для ИИ-агента.
| Критерий | VibeUI | Magic UI |
|---|---|---|
| Что внутри | 2 048 элементов: компоненты, лендинг-блоки (hero, тарифы, навигация, FAQ, таблицы), анимации и сценарии целых страниц | Анимированные компоненты и эффекты; платные шаблоны Pro |
| Зависимости | Анимации на CSS и React без внешних пакетов | Многие компоненты требуют motion |
| Установка | shadcn CLI: npx shadcn add <адрес item'а>, код копируется в проект | shadcn CLI: npx shadcn add <адрес item'а>, код копируется в проект |
| Работа с ИИ-агентом | Copy for AI: готовая инструкция для Cursor / Claude Code — команда установки, зависимости, что сохранить и что можно менять | Документация и MCP-сервер |
| Цена и лицензия | Каталог и превью бесплатно; 20 копирований в месяц с аккаунтом; PRO — 690 ₽/мес | Компоненты бесплатны, open source (MIT); шаблоны Pro платные |
Частые вопросы
Можно ли использовать VibeUI вместе с shadcn/ui?
Да. Реестр VibeUI совместим с shadcn: компоненты ставятся той же командой npx shadcn add в проект, где уже есть shadcn/ui, и ничего в нём не ломают.
Нужна ли регистрация, чтобы посмотреть компоненты?
Нет. Каталог, живые превью и поиск открыты без регистрации. Аккаунт нужен для копирования кода: бесплатно 20 копирований в месяц.