Attio UI components examples

Attio

A dropdown menu for workspace and account management within an application interface.

• Dropdown menu

Attio

A notification message confirming an email deletion from an unsubscribe list.

• Notification Toast

Attio

A notification card displaying a completed import process with a progress bar and user confirmation.

• Progress indicator

Attio

An empty state for an imports management page within a web application, featuring a tabbed navigation and a call to action button.

• Empty state

Attio

A settings page for products with tabbed navigation for various configurations.

• Tabs

Attio

The image displays a user interface for managing seats and credits.

• Progress indicator

Attio

The screenshot shows a default sharing settings interface with options for metadata, subject line, and full access.

• Checkbox & radio

Attio

The screenshot shows a settings page for connecting accounts.

• Social login button

Attio

Color selection for accent color

• Color picker

Attio

Theme selection modal

• Theme settings

Attio

This screenshot displays a modal with a list of actions.

• Dropdown menu

Attio

A progress indicator for a multi-step process.

• Stepper