SaaS UI component examples

Alloy

A multi-column navigation menu or footer section with various links categorized under product, updates, company, and tools.

• Footer

Flask

A dark mode confirmation dialog for deleting an asset, with a warning that the action cannot be undone, and options to cancel or delete.

• Modal

Airbnb

A dropdown menu displaying user account options and navigation links, including hosting information and a call to action.

• Dropdown menu

Inference

A website footer displaying company information, product features, resources, and legal links.

• Footer

Origin Financial

A form asking a user if they have children, with two radio button options for 'Yes' and 'No'.

• Radio button

Steel

A section detailing a quick build setup process, featuring a command-line interface (CLI) code snippet for installation.

• Code block

Zaro

A user interface displaying a sequence of completed and ongoing automated tasks, with controls for queuing new actions.

• Artificial intelligence

Riverside

Pricing page displaying subscription plans for a podcast and video editing platform.

• Pricing section

Axiom

A dropdown menu displaying various options categorized into charts, data, and other, with an item in a hover state.

• Dropdown menu

Extend

A screen displaying an optimization process with an abstract illustration and explanatory text.

• Empty state

Lithic

A confirmation modal asking the user to confirm a deletion action for a sandbox API key, with a warning about the consequences.

• Modal

Visitors

A segmented control for selecting between monthly and annually options

• Toggle/Switch