Rounded corners screen examples

Dock

Create page where the user reviews their new security profile and confirms activation via a modal.

• Add & Create
• Confirmation

Beside

Settings page where the user configures the email, website, and physical address details that their AI receptionist can share.

• AI Settings
• Form

Flora

Settings modal where the user views the Enterprise plan details, including testimonials and features, and can schedule a sales call.

• Pricing
• Billing Settings

Liveblocks

Sign-in screen where the user has submitted their email address and the primary authentication action is currently loading.

• Sign In
• Loading

Cushion

Settings modal where the user configures push and email notification preferences via simple toggle switches.

• Notification Settings

Chatwoot

Settings page where the user adds a new agent bot by configuring its avatar, name, description, and webhook URL via a modal.

• AI Settings
• Settings

Morphic

List view where the user manages their AI models, showing a gallery of created models with a context menu open for editing, sharing, or downloading.

• Browse
• Table

Whop

List view where the user is prompted by a modal dialog to confirm the destructive uninstallation of an app, warning that all instances will be deleted.

• Confirmation
• Delete

Twin

Sign-in screen where the user authenticates with a password for a pre-filled email or opts to request an email sign-in code.

• Forgot Password

Copilot

AI chat interface where the user requests an image in a specific style and the assistant returns a generated image.

• AI Chat
• AI Generation

Rayon

App view showing a grid of video tutorials with a right sidebar prompting the user to invite students to unlock a free plan.

• Tutorial
• Browse

Kajabi

Settings page where the user configures their custom site domain and marketing email domain sending, including connection status and upgrade prompts.

• Settings
• Upgrade Prompt