Popover page examples

Voiceflow

Configuration modal for an API request where the user sets input variables, request URL, headers, parameters, and a timeout slider, with an empty state for variables and an onboarding tooltip.

Family

Onboarding step where the user customizes their account by choosing an icon or emoji and setting an account name.

Flora

Workflow editor canvas where the user connects image generation and processing nodes to create a sneaker composite.

Assembly AI App Builder

Content editor where the user customizes their client portal home page by adding rich text, variables, and selecting a banner image from a library.

Lovable

Home screen where the user can enter a natural language prompt to generate a new application or browse their recent projects.

Amie

Calendar application showing a monthly view with a floating AI command bar and an open combobox for filtering and reordering task lists.

Elevenlabs

AI generation editor where the user is generating a song called 'Ghost of Your Hand' with specific acoustic folk styles and section-by-section lyrics.

Poolside

Code editor workspace where the user interacts with an autonomous AI agent to build a travel-booking application in Go, featuring a live agent trace, file explorer, and integrated terminal.

Navattic

List view of product demos showing an empty state with a prompt to create a new demo, alongside a view-settings popover and an onboarding section.

Mailchimp

List view of email campaigns where the user is configuring a date filter via an open popover.

Cushion

Inbox view showing an empty state for chats, prompting the user to select or create a new conversation, with a notification settings dropdown open in the sidebar.

Linear

List view where the user manages custom project views, showing an open user profile popover.