Главная / Каталог / UI-компоненты
«Шаги и процессы» — 6 блоков «как это работает»
Цена: 490 ₽
Шесть блоков для раздела «как это работает»: шаги с номерами, таймлайн, кликабельный степпер, карточки, трекер заказа и чек-лист с кольцом прогресса.
Набор закрывает самый частый блок любого лендинга — объяснение процесса. Внутри шесть разных решений: от простой ленты с номерами до кликабельного степпера с панелью содержимого и трекера статусов для личного кабинета.
Все классы начинаются с префикса .prp- — набор вставляется в существующий проект и не пересекается с вашими классами или бутстрапом. Номера шагов расставляет CSS-счётчик, длина кольца прогресса считается из радиуса, состояния задаются классами .done, .now и .wait.
Что умеет
- Шаги с номерами и пунктирной линией
- Вертикальный таймлайн с тремя состояниями
- Кликабельный степпер с кнопками «назад» и «дальше»
- Шаги-карточки с иконками
- Трекер заказа для тёмной темы
- Чек-лист с кольцом прогресса
- Префикс .prp- — не конфликтует с чужими стилями
- Адаптив и уважение prefers-reduced-motion
Разделы
- Шаги с номерами
- Таймлайн
- Степпер
- Шаги-карточки
- Трекер заказа
- Чек-лист с кольцом