Home
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with šŸ’™ by Pablo Armenv2.1.10

Home
/Components
/Modals & Dialogs

Modals

Modals are best used to display a temporal status over the current information, best used to show detailed information or generate awareness of new features.
Ā 
Recommendation (Ad)
https://uink.digital
Ā 
  • Desktop (18)
  • Tablet (0)
  • Mobile (0)
397. Modal with Card Options

397. Modal with Card Options

Desktop, Decision Making, Feedback, Awareness, Onboarding, Pathfinding, Web, EspaƱol, Modal, Thumbnail, Animation

Open pattern
389. Text Edit Inline Input

389. Text Edit Inline Input

Desktop, Accessibility, Decision Making, Web, English, Text Input, Hypertext Links, Modal

Open pattern
378. Modal Blackout with Animation

378. Modal Blackout with Animation

Desktop, Decision Making, Awareness, Onboarding, Web, EspaƱol, Modal, Hypertext Links, Animation

Open pattern
362. Modal Blackout with Form & Animations

362. Modal Blackout with Form & Animations

Desktop, Accessibility, Apple OS, EspaƱol, Modal, Text Input, Transition

Open pattern
357. Modal with Steps (No blackout)

357. Modal with Steps (No blackout)

Desktop, Pathfinding, Awareness, Decision Making, Web, English, Modal, Animation, Image / Illustration

Open pattern
344. MercadoLibre - Horizontal Item Slider

344. MercadoLibre - Horizontal Item Slider

Desktop, Awareness, Pathfinding, Web, EspaƱol, Carrousel, Modal, Pagination, Image / Illustration

Open pattern
343. Modal Drag & Drop to Fixed Position

343. Modal Drag & Drop to Fixed Position

Desktop, Accessibility, Pathfinding, Awareness, Web, EspaƱol, Drag & Drop Gesture, Modal, Side Panel

Open pattern
332. Apple - Drag&Drop Browser File to Desktop

332. Apple - Drag&Drop Browser File to Desktop

Desktop, Pathfinding, Accessibility, Awareness, Web, Drag & Drop Gesture, Image / Illustration, File OS, Modal, Click Event

Open pattern
319. Wordpress - Delete Confirmation with Name

319. Wordpress - Delete Confirmation with Name

Desktop, Decision Making, Consent, Awareness, Web, EspaƱol, Modal, Avatar, Button, Hypertext Links

Open pattern
315. Signal - PIN Reminder

315. Signal - PIN Reminder

Desktop, Awareness, Accessibility, Apple OS, English, Text Input, Modal, Banner, Hypertext Links

Open pattern
310. HubSpot - Checkbox Confirmation

310. HubSpot - Checkbox Confirmation

Desktop, Decision Making, Awareness, Web, EspaƱol, Modal, Text Input, Button

Open pattern
313. Modal Blackout with Scroll

313. Modal Blackout with Scroll

Desktop, Pathfinding, Web, EspaƱol, Modal, Scrollbar, Image / Illustration, Photo, MercadoLibre

Open pattern
268. GIPHY - Alert on Drag & Drop

268. GIPHY - Alert on Drag & Drop

Desktop, Awareness, Pathfinding, Web, Apple OS, English, Drag & Drop Gesture, Modal, Hypertext Links, Animation, Image / Illustration, GIPHY

Open pattern
241. Modal Blackout with Steps

241. Modal Blackout with Steps

Desktop, Onboarding, Awareness, Web, English, Modal, Hypertext Links, Pagination, Image / Illustration, Wordpress

Open pattern
95. Delete Confirmation with Name

95. Delete Confirmation with Name

Desktop, Awareness, Web, English, Text Input, Modal, Hypertext Links, Webflow

Open pattern
201. Modal Blackout with Actions

201. Modal Blackout with Actions

Desktop, Decision Making, Apple OS, English, Modal, Hypertext Links, Apple, Apple iTunes

Open pattern
166. Confetti Explosion

166. Confetti Explosion

Desktop, Appreciation, Decision Making, Web, English, Modal, Hypertext Links, Animation, Image / Illustration

Open pattern
188. Trello - Color shapes for Colour-blind

188. Trello - Color shapes for Colour-blind

Desktop, Accessibility, Web, EspaƱol, Modal, Tooltip, Hypertext Links, Text Input, Trello

Open pattern
Ā 
Ā