Gather UI components examples

Gather

An empty state screen prompting the user to create a new space or access a previous version dashboard.

• Empty state

Gather

An alert message informing the user about their trial ending and an upgrade offer.

• Message

Gather

A user interface for selecting the application's color mode, offering light, dark, or system preference options via a dropdown menu.

• Dropdown menu

Gather

• Empty state

Gather

A user interface segment displaying an activity title and a toggle switch for unread items.

• Toggle/Switch

Gather

A context menu displaying message management options in a chat interface.

• Dropdown menu

Gather

• Tooltip

Gather

A sidebar navigation menu displaying application preferences and office management settings.

• Vertical navigation

Gather

A user interface element displaying a setting for automatically muting microphone and camera with an active toggle switch.

• Toggle/Switch

Gather

A user interface for adjusting notification volume with a slider control.

• Slider

Gather

A popover menu displaying a list of selectable calendar options with checkboxes.

• Dropdown menu

Gather

A web application interface displaying a calendar view with a top notification bar promoting a Chrome extension.

• Message