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

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/397. Modal w/ Card Options

Modal w/ Card Options

 DesktopDecision MakingFeedbackAwareness

Generated Description

This modal presents users with clear, card-based options to initiate a task, guiding them efficiently through initial decision-making.

View more...

Pattern Metadata

Released: Jun 9, 2025

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 397. Modal w/ Card Options.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
Español
Description
This modal presents users with clear, card-based options to initiate a task, guiding them efficiently through initial decision-making.
VotesUp
VotesDown
Pattern ID
397
UX Flows
Decision Making
Feedback
Awareness
Onboarding
Pathfinding
UI Components
Modal
Thumbnail
Animation
Close Overlay
Cards
Dim Overlay
Version
2.1.19

Google Vids

notion image

Related patterns

  • 54. Modal for Language & Region Picker
  • 201. Modal Blackout w/ Actions
  • 319. Modal Blackout w/ Multiple Choice
 

Still searching?

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

Send feedback