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

Tabs and Accordion Design 1 13

accordion: 5 items with text left-aligned layout

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

Tabs and Accordion Design 2 13

accordion: 5 items with text 2-column variant

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

Tabs and Accordion Design 3 13

accordion: 5 items with text 3-column variant

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

Tabs and Accordion Design 4 13

accordion: 5 items with text compact variant

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

Tabs and Accordion Design 5 13

accordion: 5 items with text spacious variant with extra padding

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

Tabs and Accordion Design 6 13

accordion: 5 items with text with social-icons row

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

Tabs and Accordion Design 1 14

accordion: 5 items with text with counter stat

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

Tabs and Accordion Design 2 14

accordion: 5 items with text full-width layout

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

Tabs and Accordion Design 3 14

accordion: 5 items with text narrow centered card style

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

Tabs and Accordion Design 4 14

accordion: 5 items with text with divider below

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

Tabs and Accordion Design 5 14

accordion: 5 items with text right-aligned layout

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

Tabs and Accordion Design 6 14

accordion: 5 items with text 4-column variant

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

Tabs and Accordion Design 1 15

accordion: 5 items with text with alert banner above

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

Tabs and Accordion Design 2 15

accordion: 5 items with text with breadcrumb above

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

Tabs and Accordion Design 3 15

accordion: 5 items with text minimal single-row

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

Tabs and Accordion Design 4 15

accordion: 5 items with text with background container card

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

Tabs and Accordion Design 5 15

accordion: 3 items with icon-list content

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

Tabs and Accordion Design 6 15

accordion: 3 items with icon-list content with CTA button below

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

Tabs and Accordion Design 1 16

accordion: 3 items with icon-list content with divider above

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

Tabs and Accordion Design 2 16

accordion: 3 items with icon-list content with image placeholder

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

Tabs and Accordion Design 3 16

accordion: 3 items with icon-list content with icon accents

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

Tabs and Accordion Design 4 16

accordion: 3 items with icon-list content centered layout

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

Tabs and Accordion Design 5 16

accordion: 3 items with icon-list content left-aligned layout

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

Tabs and Accordion Design 6 16

accordion: 3 items with icon-list content 2-column variant

headingnested-accordiontext-editor