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

Made with 💙 by Pablo Armenv2.2.0

/
/
Home
/Patterns
/378. Modal Blackout w/ Animation | Twitter-X

Modal Blackout w/ Animation | Twitter-X

 DesktopDecision MakingAwarenessOnboarding

This pattern uses an animated blackout modal to focus user attention on critical information or actions, ensuring clear decision-making.

View more...

Released: Jun 13, 2023

Updated: Aug 20, 2026

Version: 2.1.20

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Description
This pattern uses an animated blackout modal to focus user attention on critical information or actions, ensuring clear decision-making.
VotesUp
VotesDown
Pattern ID
378
UX Flows
Decision Making
Awareness
Onboarding
UI Components
Modal
Hypertext Links
Animation
Version
2.1.19
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

Still searching?

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

Send feedback