📌 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
tabs widget: 3 tabs with text content
Tabs and Accordion Design 2
tabs widget: 3 tabs with text content with CTA button below
Tabs and Accordion Design 3
tabs widget: 3 tabs with text content with divider above
V3 AdaptiveTabs and Accordion Design 4
tabs widget: 3 tabs with text content with image placeholder
Tabs and Accordion Design 5
tabs widget: 3 tabs with text content with icon accents
Tabs and Accordion Design 6
tabs widget: 3 tabs with text content centered layout
Get new V4 components weekly
We add 200+ new V4 atomic components every week. Drop your email and get the new ones in a weekly digest, plus the free V4 migration starter kit as a welcome gift.
No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.
Tabs and Accordion Design 1 2
tabs widget: 3 tabs with text content left-aligned layout
Tabs and Accordion Design 2 2
tabs widget: 3 tabs with text content 2-column variant
V3 AdaptiveTabs and Accordion Design 3 2
tabs widget: 3 tabs with text content 3-column variant
Tabs and Accordion Design 4 2
tabs widget: 3 tabs with text content compact variant
Tabs and Accordion Design 5 2
tabs widget: 3 tabs with text content spacious variant with extra padding
V3 AdaptiveTabs and Accordion Design 6 2
tabs widget: 3 tabs with text content with social-icons row
V3 AdaptiveTabs and Accordion Design 1 3
tabs widget: 3 tabs with text content with counter stat
V3 AdaptiveTabs and Accordion Design 2 3
tabs widget: 3 tabs with text content full-width layout
V3 AdaptiveTabs and Accordion Design 3 3
tabs widget: 3 tabs with text content narrow centered card style
V3 AdaptiveTabs and Accordion Design 4 3
tabs widget: 3 tabs with text content with divider below
V3 AdaptiveTabs and Accordion Design 5 3
tabs widget: 3 tabs with text content right-aligned layout
V3 AdaptiveTabs and Accordion Design 6 3
tabs widget: 3 tabs with text content 4-column variant
V3 AdaptiveTabs and Accordion Design 1 4
tabs widget: 3 tabs with text content with alert banner above
Tabs and Accordion Design 2 4
tabs widget: 3 tabs with text content with breadcrumb above
V3 AdaptiveTabs and Accordion Design 3 4
tabs widget: 3 tabs with text content minimal single-row
V3 AdaptiveTabs and Accordion Design 4 4
tabs widget: 3 tabs with text content with background container card
V3 AdaptiveTabs and Accordion Design 5 4
tabs widget: 4 tabs with icon headers
V3 AdaptiveTabs and Accordion Design 6 4
tabs widget: 4 tabs with icon headers with CTA button below