💡 Free copying runs on a monthly allowance. Snapelement Pro makes it unlimited and unlocks all 20,500+ components, including the full V4 Atomic library. See plans →

Tabs & Accordions

Tabbed interfaces, accordion panels, and toggle sections

225 components

Version:
Tabs and Accordion Design 1 5 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 1 5 2

tabs + accordion combined section with counter stat

headingnested-tabstext-editor
Tabs and Accordion Design 2 5 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 2 5 2

tabs + accordion combined section full-width layout

headingnested-accordiontext-editor
Tabs and Accordion Design 3 5 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 3 5 2

tabs + accordion combined section narrow centered card style

headingnested-tabstext-editor
Tabs and Accordion Design 4 5 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 4 5 2

tabs + accordion combined section with divider below

headingnested-accordiontext-editor
Tabs and Accordion Design 5 5 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 5 5 2

tabs + accordion combined section right-aligned layout

headingnested-tabstext-editor
Tabs and Accordion Design 6 5 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 6 5 2

tabs + accordion combined section 4-column variant

headingnested-accordiontext-editor
Tabs and Accordion Design 1 6 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 1 6 2

tabs + accordion combined section with alert banner above

headingnested-tabstext-editor
Tabs and Accordion Design 2 6 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 2 6 2

tabs + accordion combined section with breadcrumb above

headingnested-accordiontext-editor
Tabs and Accordion Design 3 6 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 3 6 2

tabs + accordion combined section minimal single-row

headingnested-tabstext-editor
Tabs and Accordion Design 4 6 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 4 6 2

tabs + accordion combined section with background container card

headingnested-accordiontext-editor
Tabs and Accordion Design 5 6 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 5 6 2

tabs with CTA per tab

headingnested-tabstext-editor
Tabs and Accordion Design 6 6 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 6 6 2

tabs with CTA per tab with CTA button below

headingnested-accordiontext-editor
Tabs and Accordion Design 1 7 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 1 7 2

tabs with CTA per tab with divider above

headingnested-tabstext-editor
Tabs and Accordion Design 2 7 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 2 7 2

tabs with CTA per tab with image placeholder

headingnested-accordiontext-editor
Tabs and Accordion Design 3 7 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 3 7 2

tabs with CTA per tab with icon accents

headingnested-tabstext-editor
Tabs and Accordion Design 4 7 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 4 7 2

tabs with CTA per tab centered layout

headingnested-accordiontext-editor
Tabs and Accordion Design 5 7 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 5 7 2

tabs with CTA per tab left-aligned layout

headingnested-tabstext-editor
Tabs and Accordion Design 6 7 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 6 7 2

tabs with CTA per tab 2-column variant

headingnested-accordiontext-editor
Tabs and Accordion Design 1 8 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 1 8 2

tabs with CTA per tab 3-column variant

headingnested-tabstext-editor
Tabs and Accordion Design 2 8 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 2 8 2

tabs with CTA per tab compact variant

headingnested-accordiontext-editor
Tabs and Accordion Design 3 8 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 3 8 2

tabs with CTA per tab spacious variant with extra padding

headingnested-tabstext-editor
Tabs and Accordion Design 4 8 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 4 8 2

tabs with CTA per tab with social-icons row

headingnested-accordiontext-editor
Tabs and Accordion Design 5 8 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 5 8 2

tabs with CTA per tab with counter stat

headingnested-tabstext-editor
Tabs and Accordion Design 6 8 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 6 8 2

tabs with CTA per tab full-width layout

headingnested-accordiontext-editor