library
Frames Library
Welcome to the official Frames library & documentation. Click on a frame to get specific frame details including instructions, FAQs, and more.
Icon Link Alpha
A basic icon link you can globally style and use throughout your site.
Content Section Lima
A two-column, off-balance section for displaying minimal content with simple imagery.
Profile Grid Golf
A super clean grid for avatars that reveal name, title, and social icons on hover, with a modal for displaying additional bio information.
Profile Section Golf
A super clean grid for avatars that reveal name, title, and social icons on hover, with a modal for displaying additional bio information.
Profile Card Golf
A super clean avatar card that reveals name, title, and social icons on hover, with a modal for displaying additional bio information.
Event Modal Alpha
Display event overview information in a dynamic, accessible modal.
Schedule Alpha
A Kanban-style schedule board for assigning schedule items to specific days of the week.
Schedule Section Alpha
A Kanban-style schedule board for assigning schedule items to specific days of the week.
Schedule Card Alpha
A schedule/event card with location, time, related persons, duration, and a built-in details modal.
Feature Romeo
An accessible, animated vertical accordion.
Feature Grid Romeo
A feature grid with left-aligned content and an accessible, animated vertical accordion.
Feature Section Romeo
A feature section with left-aligned content and an accessible, animated vertical accordion.
Scheme Switch Alpha
An animated toggle for switching between color schemes (light and dark mode).
Pricing Section Charlie
A stacked pricing section with two-column pricing cards and a switcher component.
Pricing Grid Charlie
A stacked pricing grid with two-column pricing cards.
Pricing Card Charlie
A two-column pricing card with a features list.
Toggle Button Alpha
An accessible, animated toggle button that swaps the icon and text label on click.
Logo Charlie
A boxed logo card with a brand name label.
Logo Grid Charlie
A clean social proof grid with boxed logo cards.
Logo Section Charlie
A clean social proof section with boxed logo cards.
Avatar Group Alpha
An inline group of overlapping avatars.
Avatar Bravo
A vertical avatar card with name and label.
Avatar Alpha
An inline avatar badge with name and label.
Image Group Indigo
A full-width image group section with alternating aspect ratios.