Made with 💙 by Pablo Armen v2.1.17

/

/

/241. Modal Blackout w/ Steps

Modal Blackout w/ Steps

DesktopOnboardingAwarenessWeb

This pattern presents a multi-step modal dialog that overlays the entire screen, often used for onboarding new users or drawing attention to important information. It guides users through a sequence of steps, typically featuring pagination for navigation and potentially including images, illustrations, or hypertext links to provide additional context or actions. Notable behavior: Opening and closing a modal; Navigating through sequential steps; Modal open/closed.

Was this useful?

Device (Tabs)

Desktop

System (OS)

Web

Language (i18n)

English

Description

VotesUp

VotesDown

Pattern ID

241

UX Flows

Onboarding

Awareness

UI Components

Modal

Hypertext Links

Pagination

Image / Illustration

Version

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.