Mailchimp UI components examples

Mailchimp

A header bar with application title, breadcrumb navigation, and a live expert help button

• Breadcrumb

Mailchimp

A dropdown menu displaying user account options and navigation links.

• Dropdown menu

Mailchimp

• Vertical list

Mailchimp

A web page displaying an empty state for a locked feature, prompting the user to upgrade their subscription plan.

• Upgrade your plan

Mailchimp

An informational banner notifying users about a change in the location of comparative reports, providing options to learn more or view the reports.

• Message

Mailchimp

A welcome modal introducing an inbox feature with an option to start or skip a tour, featuring a preview of an email inbox.

• Modal

Mailchimp

A user interface element displaying a toggle switch to open or close a survey, accompanied by a descriptive text.

• Toggle/Switch

Mailchimp

A user interface displaying a list of saved segments in a data table with search and pagination functionality.

• Table

Mailchimp

A user interface for searching and selecting tags from a dropdown list.

• Input multi-select

Mailchimp

A user interface component for searching, creating, and managing tags with an input field, a selected tag, and example suggestions.

• Input tag

Mailchimp

File upload interface for contacts' email addresses

• File upload input

Mailchimp

A form to choose how to submit contact emails, offering upload or paste options.

• Radio button