Перейти к содержимому

Мастер настройки из четырёх шагов

Онбординг · Исходник Pro

Горизонтальный мастер настройки для первой сессии после регистрации. Нумерованная шкала сверху отмечает, что завершено, что активно и что ещё заблокировано, прогресс-бар и строка Step 2 of 4 повторяют то же самое словами, а панель под ними меняет поля по мере продвижения. Ответы хранятся в одной плоской записи, и каждое поле, не находящееся на экране, продолжает отправляться через скрытое поле ввода, поэтому ничто, введённое на первом шаге, не теряется к моменту, когда пользователь доходит до Review.

Открыть живой превьюПолучить Neobrutalism Pro
Онбординг
Neobrutalist four-step setup wizard for React and Tailwind CSS: a rail of four numbered circles labelled Account, Business, Team and Review with the first ticked and the second highlighted yellow, a Step 2 of 4 progress bar, a card with Company name and Website fields, and Back and Next buttons.
Мастер настройки из четырёх шагов
  • Hero, цены и auth
  • Предварительный просмотр каждой точки останова
  • Скопировать исходный текст
  • MCP готово к установке
  • Radix · Base UI · React Aria
  • 158 готовые блоки
  • Доставляемые разделы страницы
  • Информационные панели и маркетинг
  • Pro разблокирует код
  • Схемы с возможностью подключения без предварительной настройки
ПревьюБесплатноОткройте на весь экран и переключайте брейкпоинт или тему.КодProОдин автономный файл TSX. Скопируйте, владейте.УстановкаProОдна команда CLI shadcn — или подсказка для агента в Claude Code, Cursor и любом MCP-клиенте.

Построено с

Плюс lucide-react иконки и Tailwind CSS — никаких других зависимостей.

Ещё Онбординг макетов (5)

Показать все

https://neobrutalism.com/ru/blocks/onboarding/four-step-setup-wizard

Любят разработчики, дизайнеры
и креаторы

  • Наткнулся на ваш UI-кит и сразу забрал. Новый, активно поддерживается и постоянно улучшается — отличная работа! 🤘

    Ziv Reich, Разработчик ПО

  • Просто хочу сказать: neobrutalism.com — отличная работа. Правда нравится. С дизайном у меня беда, так что это просто спасение. Поставил на свой личный сайт.

    Paul Bratslavsky, Автор канала Coding With Paul

  • Наконец-то пересобрал свой личный сайт на Neobrutalism.com — весёлая библиотека, очень легко стартовать!

    Cameron Blackwood, Контент-креатор

  • Neobrutalism.com — одна из моих любимых библиотек UI-компонентов в ретро-стиле: компоненты, которые реально можно ship’ить.

    Zhengyang Hou, Индихакер

  • одна из моих любимых ui-библиотек для веба. классная работа, Ариф. Надеюсь, у проекта всё сложится по-крупному.

    Taseen Tanvir, Основатель и дизайнер

  • Попробовал Neobrutalism.com Pro — UI-кит, который не похож на всё остальное. Необруталистские блоки 🔥 ускорили прототипы странных макетов.

    Nitesh Padghan, Гострайтер

  • Красивый дизайн лендинга с идеальным балансом и ритмом. Цветовая палитра вместе с анимациями создаёт исключительный пользовательский опыт.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • Я по-настоящему впечатлён дизайном, который они сдали. Итоговый продукт совпал с тем, что я себе представлял.

    Desmond, Сооснователь @ VectorlabsVentures

  • Как владелец агентства я обычно трачу недели на доводку макетов лендингов для клиентов. С Neobrutalism.com я подключаю шаблон, правя copy — и готов к релизу.

    Duke Opoku Amankwah, Основатель @ Midas

  • Шаблоны не только визуально сильные, но и невероятно хорошо структурированы. Сэкономили нам недели разработки.

    Abiola Braimah, Разработчик @ Studio IX

  • Выдающееся качество и внимание к деталям. Адаптивный дизайн безупречно работает на всех устройствах.

    Acromond X., Сооснователь @ VectorlabsVentures

  • Интеграция этих шаблонов в наш workflow заметно сократила цикл разработки. Отличная работа.

    Raquib S., Backend-разработчик

  • Эти шаблоны стали нашим основным ресурсом. Код чистый, хорошо документирован и легко кастомизируется.

    Hallic M., Разработчик @ AtlasLabs

  • Шаблоны Neobrutalism.com находят идеальный баланс между эстетикой и функциональностью. Настоящий game-changer для наших проектов.

    Ibrahim S., Frontend Lead @ ScaleUp

  • Отличная поддержка и шаблоны премиум-качества. ROI этих шаблонов феноменален.

    Kevin K., CEO @ WebCraft

  • Шаблоны Neobrutalism.com полностью изменили наш подход к клиентским проектам. Качество кода исключительное, а дизайны — действительно world-class.

    Danny G., Основатель DevStack

  • Я пользовался многими библиотеками шаблонов, но Neobrutalism.com выделяется вниманием к оптимизации производительности и чистой архитектуре кода.

    Ian D., CTO в Wavelength

  • Анимации и микроинтеракции в этих шаблонах абсолютно потрясающие. Лучшая инвестиция для нашей design-команды.

    Ben S., Lead Designer в PixelPerfect

  • Как нетехнический основатель, шаблоны Neobrutalism.com помогли нам запустить MVP в рекордные сроки без компромиссов по качеству дизайна. Наши инвесторы были в восторге.

    Matthew I., Основатель стартапа

  • Мне нравится, насколько модульны и хорошо документированы эти компоненты. Мы без трения смешиваем куски из разных шаблонов.

    Garrett P., Frontend Lead в TechFusion

  • ROI шаблонов Neobrutalism.com невероятен. Мы резко сократили время разработки и при этом отдаём клиентам сайты более высокого качества.

    Xavier C., Владелец агентства

Часто задаваемые
вопросы

Как собран блок Мастер настройки из четырёх шагов, что вы можете изменить и когда его использовать вместо других макетов.

Проблема с доступом к блоку? Напишите нам по электронной почте[email protected]
Get Pro — Save 33%--:--:--