Kit UI components examples

Kit

An inline alert banner prompting the user to upgrade their plan to add more team members, with a call-to-action button.

• Upgrade your plan

Kit

A prominent informational alert box with a light blue background, an icon, a title, descriptive text, and a primary call-to-action button to set up a verified sending domain.

• Alert

Kit

A success alert modal

• Notification Toast

Kit

A vertical sidebar navigation menu for a settings page, divided into 'My Profile' and 'Settings' sections. Each navigation item includes an icon, a title, and a brief description.

• Vertical navigation

Kit

A dropdown menu triggered by a user profile button. It features a prominent upgrade prompt for a free trial at the top, followed by standard account options like Settings, Help, and Log Out.

• Upgrade your plan

Kit

This is a screenshot of a visual automation page.

• Horizontal navigation

Kit

A dropdown menu with bulk actions.

• Dropdown menu

Kit

A/B test results table

• Table

Kit

This is a modal with a list of options.

• Flyout menu

Kit

A slider control with an accompanying number input field used to adjust heading line height.

• Slider

Kit

A vertical navigation menu divided into three sections: Customize, Pages, and Configure. Each section contains a list of items with an icon and a text label.

• Toolbox

Kit

A line and area chart showing subscriber growth over a 30-day period, with a single data point on the final day. Below the chart is a row of KPI tiles displaying lifetime totals, 90-day averages, and today's metrics.

• Charts