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

Made with 💙 by Pablo Armenv2.1.19

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

Modal Blackout w/ Animation

 DesktopDecision MakingAwarenessOnboarding

Generated Description

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

View more...

Pattern Metadata

Released: Jun 13, 2023

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 378. Modal Blackout w/ Animation.

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