Make UI components examples

Make

A hero section with a dark purple background, featuring a large headline, a subheadline, a prominent call-to-action button, and a top navigation bar.

• Hero section

Make

A line chart displaying two data series over time, with a significant spike at the end of the timeline.

• Charts

Make

A toolbar containing a primary 'Run once' action, scheduling controls, and grouped utility icons for managing a workflow scenario.

• Toolbox

Make

An onboarding checklist showing a progress bar and a completed task.

• Progress indicator

Make

A horizontal toggle switch used to select between monthly and yearly billing cycles. The switch is currently set to the 'Billed yearly' option, which is highlighted in bold text.

• Toggle/Switch

Make

A top header section displaying the organization name, a primary action button to create a new scenario, an organization settings dropdown, and a horizontal tab navigation menu.

• Horizontal navigation

Make

A vertical sidebar navigation menu with a purple background, featuring a logo, organization switcher, primary navigation links, utility links, and a user profile section.

• Vertical navigation

Make

A header section showing the Make logo, a segmented progress bar indicating the current step, and a title with a subtitle asking the user about their use case.

• Progress indicator

Make

A row of social login options featuring a prominent Google button alongside smaller Facebook and GitHub icon buttons.

• Social login button

Make

A success alert box displaying a confirmation message with a checkmark icon.

• Alert

Make

A vertical stack of four social login buttons for Google, Facebook, GitHub, and SSO.

• Social login button

Make

A card displaying a workflow automation template, featuring app icons, a title, a brief description, and a call-to-action button.

• Card