Dropdown & other states page examples

Flask

Home screen in an empty state where the user is prompted to drop an asset or connect a drive to begin giving feedback, accompanied by a getting-started checklist.

Airbnb

App shell where the user has opened the global profile and settings dropdown menu over a blank notifications page.

Riverside

Recording studio interface where the host manages participants, controls audio and video inputs, and starts the recording session.

Axiom

Settings page where the user manages their profile details, timezone, editor preferences, personal tokens, active sessions, and account deletion.

Extend

Settings page where the user selects the default API version for their workspace from an open dropdown within a modal.

Lithic

Settings page where the user manages program members, assigns roles like Card Admin or Dispute Admin, and views their current plan.

Dock

Dashboard where the user views client engagement metrics and filters reports by custom date ranges and owners.

Appwrite

Empty list view for messages where the user has opened a cascading filter menu to select message statuses like Draft, Scheduled, or Sent.

Voiceflow

List view where the user configures the knowledge base for their AI agent by adding data sources like web pages, documents, or third-party integrations.

Beside

Landing page hero where the product pitches its AI phone receptionist capabilities alongside a mock activity feed showing automated call summaries, scheduling, and SMS actions.

• Landing Page

HeyGen

List view where the user browses their generated avatar videos and folders, with options to search, filter, and access video-specific actions via an open context menu.

Family

Settings page where the user manages their connected crypto wallets, featuring an open context menu for a specific wallet.