Back to Components
Accordions
9 components available

Animated Accordion
An accordion with smooth Framer Motion animations for expand/collapse transitions.

Arrow Accordion
An accordion with a right-pointing arrow indicator that rotates on expand.

Badge Accordion
An accordion with optional badges on items for highlighting new, important, or beta content.

Bordered Accordion
An accordion with bordered card-style items and highlighted open state backgrounds.
Icon Accordion
An accordion with leading icons for each item, perfect for categorized content.

Minimal Accordion
A minimal accordion with show/hide text toggle instead of icons.

Nested Accordion
An accordion that supports nested sub-accordions for hierarchical content organization.

Plus/Minus Accordion
An accordion with plus/minus toggle icons for expand and collapse states.

Simple Accordion
A basic accordion component with clean styling and smooth expand/collapse animations.









