Лендинг · мягкое свечение
Новое · раздел Анимации
Выбери дизайн.Отдай ИИ. Получи сайт
Секции, компоненты и анимации. Выбери, скопируй для ИИ и вставь в проект.
- 2007 компонентов
- shadcn-совместимо
- установка одной командой
- ноль зависимостей
Каким будет твой сайт?
Нажми на дизайн — посмотри вживую и забери для ИИ.
Лендинг · сетка и свечение
Первый экран на сетке
Галерея · анимация
Фотографии веером
Страница ошибки · поиск
Страница 404 с поиском
Медиа · плеер
Видео с постером
2007 элементов в 5 группах и 60 категориях — на любую часть интерфейса.
- 32Аккордеон
- 35Уведомления и баннеры
- 54Аватары и иконки
- 33Значки
- 124Кнопки
- 77Группы кнопок
- 48Календари и даты
- 145Карточки
- 28Карусели
- 36Графики
- 59Флажки и переключатели
- 31Блок кода
- 62Поиск и выбор
- 15Командное меню
- 39Диалоги и панели
- 32Выпадающие меню
- 20Пустое состояние
- 32Загрузка
- 99Поля ввода
- 64Специальные поля
- 10Мокап устройства
- 39Всплывающие подсказки
- 40Списки выбора
- 20Слайдеры
- 29Шаги и таймлайн
- 33Таблицы и фильтры
- 14Вкладки
- 48Навигация
- 25Всплывающее сообщение
- 19Деревья и перетаскивание
- 4Типографика
- 48Первый экран
- 44Шапка сайта
- 37Тарифы и сравнение
- 33Отзывы
- 24Вопросы и ответы
- 39Призыв к действию
- 37Подвал
- 2ИИ
- 11Вход и регистрация
- 20Блог и подкаст
- 18Контакты
- 11Карты
- 9Служебные страницы
- 70Отраслевые секции
- 21О компании
- 18Портфолио и кейсы
- 16События
- 31Таблица данных
- 11Партнёры и пресса
- 13Рассылка и лист ожидания
- 19Команда
- 21Фон
- 23Раскладки и бенто
- 12Стопки карточек
- 5Курсоры
- 23Рукописный
- 6Фон
- 30Интерфейс
- 9Промо-сцены
Компоненты
1346Мелкие элементы интерфейса: кнопки, поля, индикаторы. Каждый ставится одной командой, не зависит от темы вашего проекта и приходит с инструкцией для ИИ-агента.
ОткрытьБлоки
576Готовые секции лендинга целиком. Каждая ставится одной командой, не зависит от темы вашего проекта и приходит с инструкцией для ИИ-агента.
ОткрытьАнимации
85Анимированные компоненты, воссозданные в нашей концепции: один файл, ноль зависимостей, своя палитра. Каждый ставится одной командой и приходит с инструкцией для ИИ-агента.
Открыть
Готовый, а не пересозданный
Без библиотеки
- Агент лепит похожий компонент по описанию
- Часы на промпты, правки и разъезжающийся дизайн
- Нет доступности и работы с клавиатуры
- Каждый экран собирается заново
С VibeUI
- Агент ставит тот же файл из реестра — как в превью
- Ноль зависимостей, собственная палитра
- Доступность и клавиатура на месте
- Одна команда — и готово
Начать можно бесплатно
Бесплатно
0 ₽
20 разных компонентов в месяц
- Весь каталог, превью и поиск
- Копирование для ИИ и установка через shadcn
- Избранное и история
PRO
690 ₽ / мес
Без лимита на копирование
- Анимации и закрытые блоки
- Без лимита на компоненты
Частые вопросы
Что я получаю после установки?
Один файл компонента в вашем проекте — тот же, что в превью. Ни сборки, ни обёрток, ни привязки к нашей теме.
Нужны ли дополнительные зависимости?
У большинства компонентов ноль — только React. Всё необходимое объявлено в метаданных.
А если у меня своя дизайн-система?
Компонент несёт палитру в локальных переменных. Переопределите их — и он встанет в вашу тему, не трогая остальной проект.
Чем компоненты отличаются от блоков и анимаций?
Компоненты — мелкие элементы, блоки — целые секции страницы, анимации — воссозданные анимированные компоненты. Разделы независимы.
Только начинаете? Пошаговый гайд от установки до первого блока
Собери страницу за вечер
Открой каталог, выбери компонент, отдай его агенту.
$ npx shadcn@latest add https://vibeui.ru/r/hero-001.json