library

Frames Library

Welcome to the official Frames library & documentation. Click on a frame to get specific frame details including instructions, FAQs, and more.

Note: Not all Frames are listed in the library yet. There are many unique layouts from before we built the library that we're still working on adding. We're also going to go back and beef up documentation on all frames that are currently undocumented. You can always get fast, detailed help with any frame by posting in the private support community.
Frames by Date
Frames Title Order

Search Frames

Search Frames

Filter by Category

Filter by Category

Filter by Type

Filter by Type
  • Section (88)
  • Single (71)
  • Grid (38)
  • Template (20)
  • Modal (1)
  • Icon Link Alpha

    A basic icon link you can globally style and use throughout your site.

    Icon Link Alpha
  • Content Section Lima

    A two-column, off-balance section for displaying minimal content with simple imagery.

    Content Section Lima
  • 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 Golf
  • 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 Golf
  • 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.

    Profile Golf
  • Event Modal Alpha

    Display event overview information in a dynamic, accessible modal.

    Event Modal Alpha
  • Schedule Alpha

    A Kanban-style schedule board for assigning schedule items to specific days of the week.

    Schedule Alpha
  • Schedule Section Alpha

    A Kanban-style schedule board for assigning schedule items to specific days of the week.

    Schedule Section Alpha
  • Schedule Card Alpha

    A schedule/event card with location, time, related persons, duration, and a built-in details modal.

    Schedule Card Alpha
  • Feature Romeo

    An accessible, animated vertical accordion.

    Feature Romeo
  • Feature Grid Romeo

    A feature grid with left-aligned content and an accessible, animated vertical accordion.

    Feature Section Romeo
  • Feature Section Romeo

    A feature section with left-aligned content and an accessible, animated vertical accordion.

    Feature Section Romeo
  • Scheme Switch Alpha

    An animated toggle for switching between color schemes (light and dark mode).

    Scheme Switch Alpha
  • Pricing Section Charlie

    A stacked pricing section with two-column pricing cards and a switcher component.

    Pricing Section Charlie
  • Pricing Grid Charlie

    A stacked pricing grid with two-column pricing cards.

    Pricing Grid Charlie
  • Pricing Card Charlie

    A two-column pricing card with a features list.

    Pricing Card Charlie
  • Toggle Button Alpha

    An accessible, animated toggle button that swaps the icon and text label on click.

    Toggle Button Alpha
  • Logo Charlie

    A boxed logo card with a brand name label.

    Logo Charlie
  • Logo Grid Charlie

    A clean social proof grid with boxed logo cards.

    Logo Grid Charlie
  • Logo Section Charlie

    A clean social proof section with boxed logo cards.

    Logo Section Charlie
  • Avatar Group Alpha

    An inline group of overlapping avatars.

    Avatar Group Alpha
  • Avatar Bravo

    A vertical avatar card with name and label.

    Avatar Bravo
  • Avatar Alpha

    An inline avatar badge with name and label.

    Avatar Alpha
  • Image Group Indigo

    A full-width image group section with alternating aspect ratios.

    Image Group Indigo