Dropdown & other states page examples

Dock

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

Beside

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

Exa

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

Town

Inbox view where the user manages team invitations and routine approvals, currently showing a zero-state message with no pending items.

Flora

Loading screen where the system provisions the user's new account before redirecting them to the app.

Assembly AI App Builder

Settings page where the user configures their portal's brand name and image assets while viewing a live preview.

Lovable

Settings page where the user confirms permanent account deletion and provides a reason for leaving via a radio button survey.

Amie

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

Elevenlabs

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

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.

Navattic

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

Mailchimp

Settings page where the user manages webhooks to keep their audience synced with a local list, showing a successfully created webhook and a trial countdown banner.