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

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/218. Modal Blackout w/ Steps, Forms and Animations

218. Modal Blackout w/ Steps, Forms and Animations

 DesktopOnboardingWebEnglish

A modal dialog pattern that utilizes a blackout overlay to focus user attention. It supports multi-step processes and forms, incorporating animations for a guided and engaging user experience.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Pattern ID
218
UX Flows
Onboarding
UI Components
Version

Squarespace

notion image
 

Related patterns

378. Modal Blackout w/ Animation
256. Modal Blackout w/ Forms & Steps

Need more inspiration?

Found this pattern useful?