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

Made with šŸ’™ by Pablo Armenv2.1.12

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

389. Text Edit Inline Input

389. Text Edit Inline Input

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

378. Modal Blackout with Animation

378. Modal Blackout with Animation

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

362. Modal Blackout with Form & Animations

362. Modal Blackout with Form & Animations

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

357. Modal with Steps (No blackout)

357. Modal with Steps (No blackout)

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

344. MercadoLibre - Horizontal Item Slider

344. MercadoLibre - Horizontal Item Slider

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

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

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

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

315. Signal - PIN Reminder

315. Signal - PIN Reminder

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

310. HubSpot - Checkbox Confirmation

310. HubSpot - Checkbox Confirmation

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

313. Modal Blackout with Scroll

313. Modal Blackout with Scroll

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

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

241. Modal Blackout with Steps

241. Modal Blackout with Steps

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

95. Delete Confirmation with Name

95. Delete Confirmation with Name

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

201. Modal Blackout with Actions

201. Modal Blackout with Actions

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

166. Confetti Explosion

166. Confetti Explosion

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

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

Ā 
Ā