💡 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 - Elementor component
V3 Adaptive

Tabs and Accordion Design 1

tabs widget: 3 tabs with text content

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

Tabs and Accordion Design 2

tabs widget: 3 tabs with text content with CTA button below

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

Tabs and Accordion Design 3

tabs widget: 3 tabs with text content with divider above

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

Tabs and Accordion Design 4

tabs widget: 3 tabs with text content with image placeholder

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

Tabs and Accordion Design 5

tabs widget: 3 tabs with text content with icon accents

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

Tabs and Accordion Design 6

tabs widget: 3 tabs with text content centered layout

headingnested-accordiontext-editor

Get our free 28-page V4 migration guide and starter kit

Drop your email for two free welcome gifts: a hand-picked V4 component starter kit and our 28-page guide to migrating client sites to V4. Plus a heads-up whenever we add new components.

No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.

Tabs and Accordion Design 1 2 - Elementor component
V3 Adaptive

Tabs and Accordion Design 1 2

tabs widget: 3 tabs with text content left-aligned layout

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

Tabs and Accordion Design 2 2

tabs widget: 3 tabs with text content 2-column variant

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

Tabs and Accordion Design 3 2

tabs widget: 3 tabs with text content 3-column variant

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

Tabs and Accordion Design 4 2

tabs widget: 3 tabs with text content compact variant

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

Tabs and Accordion Design 5 2

tabs widget: 3 tabs with text content spacious variant with extra padding

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

Tabs and Accordion Design 6 2

tabs widget: 3 tabs with text content with social-icons row

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

Tabs and Accordion Design 1 3

tabs widget: 3 tabs with text content with counter stat

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

Tabs and Accordion Design 2 3

tabs widget: 3 tabs with text content full-width layout

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

Tabs and Accordion Design 3 3

tabs widget: 3 tabs with text content narrow centered card style

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

Tabs and Accordion Design 4 3

tabs widget: 3 tabs with text content with divider below

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

Tabs and Accordion Design 5 3

tabs widget: 3 tabs with text content right-aligned layout

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

Tabs and Accordion Design 6 3

tabs widget: 3 tabs with text content 4-column variant

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

Tabs and Accordion Design 1 4

tabs widget: 3 tabs with text content with alert banner above

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

Tabs and Accordion Design 2 4

tabs widget: 3 tabs with text content with breadcrumb above

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

Tabs and Accordion Design 3 4

tabs widget: 3 tabs with text content minimal single-row

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

Tabs and Accordion Design 4 4

tabs widget: 3 tabs with text content with background container card

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

Tabs and Accordion Design 5 4

tabs widget: 4 tabs with icon headers

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

Tabs and Accordion Design 6 4

tabs widget: 4 tabs with icon headers with CTA button below

headingnested-accordiontext-editor