📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Tabs & Accordions
Tabbed interfaces, accordion panels, and toggle sections
225 components
📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.
Tabs and Accordion Design 1 13
accordion: 5 items with text left-aligned layout
Tabs and Accordion Design 2 13
accordion: 5 items with text 2-column variant
Tabs and Accordion Design 3 13
accordion: 5 items with text 3-column variant
Tabs and Accordion Design 4 13
accordion: 5 items with text compact variant
Tabs and Accordion Design 5 13
accordion: 5 items with text spacious variant with extra padding
Tabs and Accordion Design 6 13
accordion: 5 items with text with social-icons row
Tabs and Accordion Design 1 14
accordion: 5 items with text with counter stat
Tabs and Accordion Design 2 14
accordion: 5 items with text full-width layout
Tabs and Accordion Design 3 14
accordion: 5 items with text narrow centered card style
Tabs and Accordion Design 4 14
accordion: 5 items with text with divider below
Tabs and Accordion Design 5 14
accordion: 5 items with text right-aligned layout
Tabs and Accordion Design 6 14
accordion: 5 items with text 4-column variant
Tabs and Accordion Design 1 15
accordion: 5 items with text with alert banner above
Tabs and Accordion Design 2 15
accordion: 5 items with text with breadcrumb above
Tabs and Accordion Design 3 15
accordion: 5 items with text minimal single-row
Tabs and Accordion Design 4 15
accordion: 5 items with text with background container card
Tabs and Accordion Design 5 15
accordion: 3 items with icon-list content
Tabs and Accordion Design 6 15
accordion: 3 items with icon-list content with CTA button below
Tabs and Accordion Design 1 16
accordion: 3 items with icon-list content with divider above
Tabs and Accordion Design 2 16
accordion: 3 items with icon-list content with image placeholder
Tabs and Accordion Design 3 16
accordion: 3 items with icon-list content with icon accents
Tabs and Accordion Design 4 16
accordion: 3 items with icon-list content centered layout
Tabs and Accordion Design 5 16
accordion: 3 items with icon-list content left-aligned layout
Tabs and Accordion Design 6 16
accordion: 3 items with icon-list content 2-column variant