Онбордингблоки
Сценарии онбординга и приветственные экраны. Готовые UI-блоки на React в стиле необрутализма — hero, pricing, auth, dashboards и другое. Смотрите превью на любом экране, копируйте код или ставьте через AI-агента и наш MCP-сервер. Работают с Radix UI, Base UI и React Aria.
- Hero, цены и auth
- Предварительный просмотр каждой точки останова
- Скопировать исходный текст
- MCP готово к установке
- Radix · Base UI · React Aria
- 158 готовые блоки
- Доставляемые разделы страницы
- Информационные панели и маркетинг
- Pro разблокирует код
- Схемы с возможностью подключения без предварительной настройки
Просмотрите каждый макет
Онбординг
6 блоков — откройте любую карточку для полноэкранного превью, кода и шагов установки.
- 01Pro
Форма настройки профиля бизнеса
Шаг онбординга с загрузчиком логотипа, показывающим превью на месте, рядом с полями названия, сайта и описания. React и Tailwind, отправка multipart.
- 02Pro
Сетка подключения интеграций
Девять карточек интеграций: кнопки подключения крутятся, затем сменяются бейджем Connected, со счётчиком сверху. React и Tailwind, замените заглушку OAuth.
- 03Pro
Мастер настройки из четырёх шагов
Нумерованная шкала шагов с Back и Next и скрытыми полями, чтобы ответы с невидимых шагов всё равно отправлялись. React и Tailwind для первого запуска.
- 04Pro
Панель приглашения команды
Панель покрывает весь цикл приглашений: форма email с валидацией, список ожидающих с повтором и отменой, ростер участников. React и Tailwind.
- 05Pro
Форма настройки личного профиля
Шаг профиля из нажимаемых чипов, настоящих радиокнопок для роли и опыта и восьми чекбоксов интересов. React и Tailwind, с поведением клавиатуры.
- 06Pro
Вертикальные шаги онбординга
Четыре строки раскрываются на месте, позволяя читать вперёд, с галочками и кнопкой Continue, называющей следующий шаг. Чек-лист на React и Tailwind.