Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/241. Modal Blackout w/ Steps

Modal Blackout w/ Steps

 DesktopOnboardingAwarenessWeb

Generated Description

This multi-step modal guides users through key features with clear explanations and visual cues, ensuring a smooth onboarding experience.

View more...

Pattern Metadata

Released: Jun 23, 2021

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 241. Modal Blackout w/ Steps.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This multi-step modal guides users through key features with clear explanations and visual cues, ensuring a smooth onboarding experience.
VotesUp
VotesDown
Pattern ID
241
UX Flows
Onboarding
Awareness
UI Components
Modal
Hypertext Links
Pagination
Image / Illustration
Version
2.1.19

Wordpress

notion image

Google Drive

notion image

LogoIpsum

notion image

Related patterns

268. Modal Blackout w/ Swiper
256. Modal Blackout w/ Forms & Steps
313. Modal Blackout w/ Scroll
262. Bottom Fixed Modal Blackout
231. Floating Dialog Popover w/ Steps
268. Modal Blackout w/ Swiper
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback