Modal screen screen examples

Dock

Settings page where the user configures core and custom fields for workspaces, currently showing a modal prompting them to upgrade to unlock CRM-mapped properties.

• Feature Gate
• Settings

Beside

Settings modal where the user configures a recurring AI prompt, setting its visibility, frequency, time, timezone, and the prompt text.

• AI Editing
• Edit

Lovable

Onboarding screen where the user is informed that no existing workspaces match their email domain, with an option to create a new one.

• Empty State
• Onboarding Checklist

Maze

Modal where the user can rename an existing study, featuring a character counter and an AI inline action to assist with naming.

• Edit
• AI Assistant

Dovetail

Onboarding modal introducing a feature to analyze calls and documents, overlaid on a project workspace with a floating AI chat entry point.

• Guided Tour
• AI Assistant

Twin

Dashboard start screen with a modal announcing new features like webhook triggers and deep research capabilities.

• AI Agent
• AI Generation

Attio

List view of companies with an overlay modal where the user can invite new members by email, assign them a role, and optionally add them to a team.

• Invite Teammates
• Team Management

UserJot

Detail page where the user views a feature request, reads the description, and participates in a comment thread.

• Comments
• Post Detail

Capsule

Verification screen where the user enters a 4-digit code sent to their email to continue setting up their account.

• Verification
• Account Setup

Workflow

Kanban board overview where the user manages design tasks across columns like To do, In progress, and Ready for review, with an active filter dropdown for assignees.

• Dashboard
• Table

Slite

Search page where the user filters recent document updates by channel using a dropdown menu.

• Search
• Filter & Sort

Wynde

Form builder where the user selects a new block type like Question, Scale, or Choice to add to their user research test.

• Form
• Edit