Лендинг · мягкое свечение
Новое · раздел Анимации
Выбери дизайн.Отдай ИИ. Получи сайт.
Секции, компоненты и анимации. Выбери, скопируй для ИИ и вставь в проект.
- 1837 компонентов
- shadcn-совместимо
- установка одной командой
- ноль зависимостей
Каким будет твой сайт?
Нажми на дизайн — посмотри вживую и забери для ИИ.
Лендинг · сетка и свечение
Первый экран на сетке
Галерея · анимация
Фотографии веером
Страница ошибки · поиск
Страница 404 с поиском
Медиа · плеер
Видео с постером
1837 элементов в 5 группах и 145 категориях — на любую часть интерфейса.
- 14Аккордеон
- 20Уведомление
- 14Диалог подтверждения
- 8Пропорции кадра
- 15Автодополнение
- 32Аватар
- 25Плашка
- 15Баннер
- 15Хлебные крошки
- 75Кнопка
- 57Группа кнопок
- 30Календарь
- 23Карточка
- 19Карусель
- 20Каскадный выбор
- 29График
- 23Флажок
- 31Блок кода
- 9Сворачиваемый блок
- 27Поле с подсказками
- 15Командное меню
- 10Контекстное меню
- 7Поле суммы
- 13Выбор даты
- 14Диалог
- 11Выдвижная панель
- 22Выпадающее меню
- 20Пустое состояние
- 5Календарь событий
- 12Поле формы
- 8Загрузка файлов
- 12Фильтры
- 8Карточка по наведению
- 6Стопка иконок
- 17Плитка с иконкой
- 32Поле ввода
- 40Группа полей
- 11Ввод кода
- 12Строка списка
- 6Клавиша
- 13Подпись поля
- 9Мокап устройства
- 7Нативный список
- 7Меню навигации
- 9Числовое поле
- 16Постраничная навигация
- 9Поле телефона
- 14Всплывающая панель
- 9Индикатор прогресса
- 20Переключатели
- 7Диапазон
- 9Оценка
- 7Навигация по прокрутке
- 33Список выбора
- 6Разделитель
- 10Скелетон загрузки
- 12Ползунок
- 8Перетаскивание
- 5Спарклайн
- 13Индикатор ожидания
- 16Шаги
- 16Переключатель
- 21Таблица
- 14Вкладки
- 10Ввод тегов
- 13Лента событий
- 25Всплывающее сообщение
- 15Кнопка-переключатель
- 19Группа переключателей
- 17Подсказка
- 11Дерево
- 45Первый экран
- 44Шапка сайта
- 28Тарифы
- 33Отзывы
- 23Вопросы и ответы
- 31Призыв к действию
- 37Подвал
- 2ИИ
- 10Вход и регистрация
- 15Блог
- 18Контакты
- 11Карты
- 6Страницы ошибок
- 15О компании
- 6Кейсы
- 5История изменений
- 9Сравнение
- 3Лист ожидания
- 3Согласия
- 8Загрузка приложения
- 12Портфолио
- 4Недвижимость
- 2Ресторан
- 5Пекарня и кофейня
- 1Open source
- 2Мобильное приложение
- 4Онлайн-курс
- 4Автосервис и детейлинг
- 4Ветклиника и груминг
- 5Цветы и букеты
- 4Ремонт и стройка
- 5Доставка еды
- 3Языковая школа
- 3Финтех и банк
- 3Маркетплейс цифровых товаров
- 3Гаджет и хардвер
- 5Фонд и НКО
- 4Писатель и тексты
- 16События
- 3Видео
- 7Подкаст
- 3Пресс-кит
- 31Таблица данных
- 2API
- 8Бенто-сетка
- 8Логотипы клиентов
- 10Рассылка
- 3Статистика
- 19Команда
- 21Фон
- 14Раскладки
- 1Призыв к действию
- 2Панель показателей
- 1Вход и регистрация
- 3Аватар
- 2Кнопка
- 3Блок кода
- 2Чат
- 1Устройства
- 2Медиаплеер
- 3Метрики
- 2Уведомления
- 3Платежи
- 3Безопасность
- 2Статус сервиса
- 1Чек-лист
- 1Этапы процесса
- 12Стопки карточек
- 5Курсоры
- 23Рукописный
- 2Карточки
- 2Портфолио
- 3Текстовая анимация
- 6Фон
Компоненты
1182Мелкие элементы интерфейса: кнопки, поля, индикаторы. Каждый ставится одной командой, не зависит от темы вашего проекта и приходит с инструкцией для ИИ-агента.
ОткрытьБлоки
570Готовые секции лендинга целиком. Каждая ставится одной командой, не зависит от темы вашего проекта и приходит с инструкцией для ИИ-агента.
ОткрытьАнимации
85Анимированные компоненты, воссозданные в нашей концепции: один файл, ноль зависимостей, своя палитра. Каждый ставится одной командой и приходит с инструкцией для ИИ-агента.
Открыть
Готовый, а не пересозданный
Без библиотеки
- Агент лепит похожий компонент по описанию
- Часы на промпты, правки и разъезжающийся дизайн
- Нет доступности и работы с клавиатуры
- Каждый экран собирается заново
С VibeUI
- Агент ставит тот же файл из реестра — как в превью
- Ноль зависимостей, собственная палитра
- Доступность и клавиатура на месте
- Одна команда — и готово
Начать можно бесплатно
Бесплатно
0 ₽
20 разных компонентов в месяц
- Весь каталог, превью и поиск
- Копирование для ИИ и установка через shadcn
- Избранное и история
PRO
690 ₽ / мес
Без лимита на копирование
- Анимации и закрытые блоки
- Без лимита на компоненты
Частые вопросы
Что я получаю после установки?
Один файл компонента в вашем проекте — тот же, что в превью. Ни сборки, ни обёрток, ни привязки к нашей теме.
Нужны ли дополнительные зависимости?
У большинства компонентов ноль — только React. Всё необходимое объявлено в метаданных.
А если у меня своя дизайн-система?
Компонент несёт палитру в локальных переменных. Переопределите их — и он встанет в вашу тему, не трогая остальной проект.
Чем компоненты отличаются от блоков и анимаций?
Компоненты — мелкие элементы, блоки — целые секции страницы, анимации — воссозданные анимированные компоненты. Разделы независимы.
Только начинаете? Пошаговый гайд от установки до первого блока
Собери страницу за вечер.
Открой каталог, выбери компонент, отдай его агенту.
$ npx shadcn@latest add https://vibeui.ru/r/hero-001.json