Whop UI components examples

Whop

A user interface displaying a navigation menu with a nested language selection dropdown.

• Dropdown menu

Whop

A popover menu displaying various account-related options and settings.

• Dropdown menu

Whop

A card displaying a setup guide with a progress indicator for onboarding.

• Progress indicator

Whop

A warning message indicating that certain URLs (Discord or Slack) are not compatible with raw payloads.

• Message

Whop

A dashboard interface displaying a list of products with their attributes, including visibility, pricing, revenue, and active users, alongside options for product creation, editing, and data filtering.

• Table

Whop

User interface for setting up a local environment by copying environment variables.

• Click to copy

Whop

An empty state message for an app category, prompting the user to request an app.

• Empty state

Whop

• Popover

Whop

A header with device preview toggles for a store page.

• Toggle/Switch

Whop

A user interface displaying a table with filter options, including an open dropdown menu for visibility status with multiple selected checkboxes.

• Sorting & filtering

Whop

A dropdown menu displaying a list of actions for an item, including edit, control center, archive, delete, hide, duplicate, and details, with a hover state on 'Duplicate'.

• Dropdown menu

Whop

• Checkbox & radio