📌 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:

📌 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.

V3 Adaptive

Tabs and Accordion Design 1 1

toggle: 4 items compact spacious variant with extra padding

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 2 1

toggle: 4 items compact with social-icons row

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 3 1

toggle: 4 items compact with counter stat

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 4 1

toggle: 4 items compact full-width layout

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 5 1

toggle: 4 items compact narrow centered card style

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 6 1

toggle: 4 items compact with divider below

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 1 2 2

toggle: 4 items compact right-aligned layout

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 2 2 2

toggle: 4 items compact 4-column variant

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 3 2 2

toggle: 4 items compact with alert banner above

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 4 2 2

toggle: 4 items compact with breadcrumb above

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 5 2 2

toggle: 4 items compact minimal single-row

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 6 2 2

toggle: 4 items compact with background container card

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 1 3 2

tabs + accordion combined section

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 2 3 2

tabs + accordion combined section with CTA button below

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 3 3 2

tabs + accordion combined section with divider above

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 4 3 2

tabs + accordion combined section with image placeholder

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 5 3 2

tabs + accordion combined section with icon accents

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 6 3 2

tabs + accordion combined section centered layout

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 1 4 2

tabs + accordion combined section left-aligned layout

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 2 4 2

tabs + accordion combined section 2-column variant

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 3 4 2

tabs + accordion combined section 3-column variant

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 4 4 2

tabs + accordion combined section compact variant

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 5 4 2

tabs + accordion combined section spacious variant with extra padding

headingtext-editor
V3 Adaptive

Tabs and Accordion Design 6 4 2

tabs + accordion combined section with social-icons row

headingtext-editor