Components

Accordions
Content organized and contained in a group of collapsible dropdowns. Learn More
Alerts and Messages
Alerts and messages indicating important, user-specific information. Learn More
Badges
A badge is a visual indicator for numeric values unread emails. Learn More
Breadcrumbs
Breadcrumbs are a navigation system used to show a user's location. Learn More
Buttons
A button triggers an event or action. Learn More
Cards
Scalable boxes containing content and links maintaining internal element relationships. Learn More
Dropdowns
A dropdown menu displays a list of actions or options to a user. Learn More
Forms
A form allows users to input information. Learn More
Mass Email Templates
Ready baked HTML email templates compatible with SendGrid. Learn More
Microinteractions
Contextually visual trigger-feedback pairs from a user action or system alteration. Learn More
Modals
A modal dialog displays content that requires user interaction, in a layer above the page. Learn More
Navigation Headers
Object defining the top of a page that usually contains buttons or navigation links. Learn More
Pagination
Pagination allows you to divide large amounts of content into smaller chunks across multiple pages. Learn More
Progress Bars
A progress bar displays the status of a given process. Learn More
Steps
Displays the steps and progress through a journey. Learn More
Tables
Method of organizing significant amounts of data into a visually appealing design. Learn More
Themes
Pre-made gradients applicable to specific elements for visual organization of content. Learn More
Tooltips
A tooltip is a floating, non-actionable label used to explain a user interface element or feature. Learn More