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

Made with 💙 by Pablo Armenv2.1.19

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

Modal Blackout w/ Form & Animations

 DesktopAccessibilityApple OSEspañol

Generated Description

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

View more...

Pattern Metadata

Released: Sep 12, 2022

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 362. Modal Blackout w/ Form & Animations.

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