Modern screen examples

Dock

AI chat drawer where the user interacts with a workspace agent to rewrite documents and plan deal room content.

• AI Chat
• AI Assistant

Beside

Sign-in screen where the user authenticates with Google, Apple, email, or phone.

• Sign In

Exa

Billing settings page where the user monitors their free plan credit balance and compares paid subscription tiers to upgrade.

• Pricing
• Usage Limit

Town

Settings modal where the user configures notification preferences for away time, approval requests, chats, tasks, and agent-to-agent interactions.

• Notification Settings
• Settings

Flora

Signup screen overlaying a marketing page where the user can create an account using Google or Microsoft SSO.

• Sign Up
• Account Setup

Assembly AI App Builder

Settings page where the user selects a subscription plan between Starter, Professional, and Advanced tiers to continue using their portal.

• Pricing
• Billing Settings

Lovable

Dashboard overlay where the user is notified of a failed workspace payment and prompted to retry the transaction.

• Error
• Checkout

Amie

Sign-in screen where the user authenticates with Google, set against a decorative background of floating calendar and task cards.

• Sign In

Elevenlabs

Create page where the user browses voice AI agent templates by category and previews their conversational workflow before starting.

• AI Agent
• Browse

Poolside

Agent trace interface where the user monitors an AI completing file creation and shell tasks, alongside a code editor showing the modified go.mod file and a live terminal.

• AI Agent
• Code Editor

Navattic

List view where the user manages product demos, currently showing a skeleton loading state for the data table alongside search and filter controls.

• Browse
• Filter & Sort

Mailchimp

Settings page where the user manages custom field labels, data types, and merge tags for their audience signup forms.

• Settings
• Table