Klaviyo UI components examples

Name: Klaviyo
Author: Bertrand

Browse Klaviyo UI component design examples. Preview individual interface elements and explore related component categories. Marketing Automation Platform for Email & SMS with CDP

Explore the examples

Klaviyo

A card displaying a preview of a form template along with its title, description, and tags indicating device type and format.

Card

Klaviyo

A drag-and-drop file upload area for CSV files, featuring a central upload button and helper text indicating file size and type limits. A link below allows switching to a copy/paste input method.

File upload input

Klaviyo

A horizontal header for a multi-step process, featuring a page title on the left, a three-step numbered progress indicator in the center, and navigation buttons on the right. The first step is currently active.

Stepper

Klaviyo

A vertical stepper component guiding users through an onboarding process. The first step is completed, the second step is active and expanded with a promotional card, and the third step is pending.

Stepper

Klaviyo

A data table displaying a list of sample profiles with their associated marketing and ecommerce event statuses and creation dates.

Table

Klaviyo

A dark-themed top navigation bar featuring a logo, a search input, and right-aligned utility links for notifications, account plans, and support.

Horizontal navigation

Klaviyo

A vertical sidebar navigation menu with a logo, search bar, list of links with icons, and a user profile section at the bottom.

Vertical navigation

Klaviyo

A comprehensive contact form for engaging with a service partner. It includes standard text inputs for personal and company details, a checkbox group for selecting marketing services, dropdown selects for budget and engagement type, a textarea for comments, a reCAPTCHA…

Form element

Klaviyo

A dark-themed section highlighting a large revenue statistic alongside two G2 Leader badges for Marketing Automation and Customer Data Platform.

Social proof

Klaviyo

A frequently asked questions section using an accordion layout. The first item is expanded to show a detailed answer with a bulleted list, while the remaining questions are collapsed.