VibeUI vs 21st.dev
21st.dev — открытый маркетплейс, куда компоненты в стиле shadcn публикуют разные авторы; качество и стиль у них разные. VibeUI — единый курируемый каталог: у каждого item'а описаны зависимости, что сохранить и что можно менять, и из этого собирается инструкция для ИИ-агента. Оба ставятся через shadcn CLI.
| Критерий | VibeUI | 21st.dev |
|---|---|---|
| Кто делает компоненты | Одна команда, единые правила качества | Сообщество, много авторов |
| Что внутри | 2 048 элементов: компоненты, лендинг-блоки (hero, тарифы, навигация, FAQ, таблицы), анимации и сценарии целых страниц | Компоненты и блоки от сообщества |
| Установка | shadcn CLI: npx shadcn add <адрес item'а>, код копируется в проект | shadcn CLI: npx shadcn add <адрес item'а>, код копируется в проект |
| Работа с ИИ-агентом | Copy for AI: готовая инструкция для Cursor / Claude Code — команда установки, зависимости, что сохранить и что можно менять | Кнопка Copy prompt на странице компонента; MCP и CLI для агентов |
| Цена | Каталог и превью бесплатно; 20 копирований в месяц с аккаунтом; PRO — 690 ₽/мес | Просмотр бесплатно, 2 копирования в день; подписка — без лимита и премиум-шаблоны |
Частые вопросы
Можно ли использовать VibeUI вместе с shadcn/ui?
Да. Реестр VibeUI совместим с shadcn: компоненты ставятся той же командой npx shadcn add в проект, где уже есть shadcn/ui, и ничего в нём не ломают.
Нужна ли регистрация, чтобы посмотреть компоненты?
Нет. Каталог, живые превью и поиск открыты без регистрации. Аккаунт нужен для копирования кода: бесплатно 20 копирований в месяц.