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

Tabs and Accordion Design 1 17

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

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

Tabs and Accordion Design 2 17

accordion: 3 items with icon-list content compact variant

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

Tabs and Accordion Design 3 17

accordion: 3 items with icon-list content spacious variant with extra padding

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

Tabs and Accordion Design 4 17

accordion: 3 items with icon-list content with social-icons row

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

Tabs and Accordion Design 5 17

accordion: 3 items with icon-list content with counter stat

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

Tabs and Accordion Design 6 17

accordion: 3 items with icon-list content full-width layout

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

Tabs and Accordion Design 1 18

accordion: 3 items with icon-list content narrow centered card style

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

Tabs and Accordion Design 2 18

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

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

Tabs and Accordion Design 3 18

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

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

Tabs and Accordion Design 4 18

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

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

Tabs and Accordion Design 5 18

accordion: 3 items with icon-list content with alert banner above

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

Tabs and Accordion Design 6 18

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

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

Tabs and Accordion Design 1 19

accordion: 3 items with icon-list content minimal single-row

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

Tabs and Accordion Design 2 19

accordion: 3 items with icon-list content with background container card

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

Tabs and Accordion Design 3 19

toggle: 4 items compact

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

Tabs and Accordion Design 4 19

toggle: 4 items compact with CTA button below

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

Tabs and Accordion Design 5 19

toggle: 4 items compact with divider above

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

Tabs and Accordion Design 6 19

toggle: 4 items compact with image placeholder

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

Tabs and Accordion Design 1 0

toggle: 4 items compact with icon accents

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

Tabs and Accordion Design 2 0

toggle: 4 items compact centered layout

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

Tabs and Accordion Design 3 0

toggle: 4 items compact left-aligned layout

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

Tabs and Accordion Design 4 0

toggle: 4 items compact 2-column variant

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

Tabs and Accordion Design 5 0

toggle: 4 items compact 3-column variant

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

Tabs and Accordion Design 6 0

toggle: 4 items compact compact variant

headingnested-accordiontext-editor