Modals
Modal blocks support focused interactions such as confirmations, forms, and inline workflows. They are designed for predictable behavior, accessibility, and smooth user flow, helping users complete tasks without losing context inside the application.
Success Confirmation Modal
Confirms a completed action with a success indicator, brief message, and acknowledgment action. Built for clear completion feedback and fast continuation.
Information Alert Modal
Displays non-critical system information with a contextual icon and optional follow-up action. Designed for updates, guidance, and user awareness.
Validation Error Modal
Highlights invalid or incorrect input with a warning cue and corrective action. Used in form validation and accuracy-dependent workflows.
Action Required Modal
Signals a blocking or critical issue that requires immediate user action. Built for high-impact decisions with clear priority and direction.
Subscription Prompt Modal
Collects user emails through a focused signup interface with a single input and primary action. Optimized for opt-in conversion with minimal disruption.
User Preferences Modal
Allows users to update personal settings through grouped controls and a clear save action. Designed for intentional, low-friction configuration changes.
QR Code Verification Modal
Supports secure account verification via QR scan or manual code entry. Built for authentication flows where speed, clarity, and trust are essential.
Onboarding Setup Modal
Leads users through a short, step-based setup flow with progress indicators and optional skipping. Designed to reduce friction and accelerate first-time activation.