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

Made with 💙 by Pablo Armenv2.2.0

/
/
Home
/Patterns
/362. Modal Blackout w/ Form & Animations | Discord

Modal Blackout w/ Form & Animations | Discord

 DesktopAccessibilityApple OSEspañol

A modal with a blackout overlay and animated transitions provides a focused input form, ensuring users can quickly add friends without distraction.

View more...

Released: Sep 12, 2022

Updated: Aug 20, 2026

Version: 2.1.20

Was this useful?
Device (Tabs)
Desktop
System (OS)
Apple OS
Language (i18n)
Español
Description
A modal with a blackout overlay and animated transitions provides a focused input form, ensuring users can quickly add friends without distraction.
VotesUp
VotesDown
Pattern ID
362
UX Flows
Accessibility
UI Components
Modal
Text Input
Transition
Version
2.1.19

Discord

notion image
 

Related patterns

313. Modal Blackout w/ Scroll
256. Modal Blackout w/ Forms & Steps

Still searching?

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

Send feedback