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

Made with 💙 by Pablo Armenv2.1.15

AboutPrivacyTerms
Home
/Patterns
/378. Modal Blackout w/ Animation

378. Modal Blackout w/ Animation

 DesktopDecision MakingAwarenessOnboarding

A modal dialog pattern featuring a blackout overlay and animation to capture user attention. Commonly used for critical decision-making, onboarding flows, or displaying important information on web and desktop applicatio

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Pattern ID
378
UX Flows
Decision Making
Awareness
Onboarding
UI Components
Modal
Hypertext Links
Animation
Version
Twitter/XNotionAirBnBRelated patterns

Twitter/X

notion image

Notion

notion image

AirBnB

notion image
 

Related patterns

  • 362. Modal Blackout w/ Form & Animations
  • 218. Modal Blackout w/ Steps, Forms and Animations

Need more inspiration?

Found this pattern useful?