šŸ“‚

Accordion Components

FAQ lists, section groups, and smooth expandable panels

4 items • 12 categories
šŸ“‚

Smooth FAQ Accordion

Accordions • Modern
Is it free to use?+
Yes, all components are free with attribution. Pro plans unlock advanced features.
Which frameworks are supported?+
Can I use it commercially?+

A polished FAQ accordion with springy expand animation, gradient chevrons, and glowing active states.

accordionfaqexpandcollapse
šŸ“‚

Section Accordion

Accordions • Minimal
āš™ļø
General Settings
Profile, preferences, and appearance
›
šŸ””
Notifications
Email, push, and in-app alerts
›
šŸ”’
Security
Password, 2FA, and devices
›

A grouped accordion with animated underline indicators and smooth height transitions between sections.

accordionsectionssettingsnested
šŸ“‚

Nested Accordion

Accordions • Modern
Getting Started›
Installation›
Configuration
First Component
$ npm install
$ yarn add
$ pnpm add

A multi-level accordion with expandable parent sections containing nested child items.

nestedaccordionmulti-leveltree
šŸ“‚

Icon Accordion

Accordions • Modern
šŸŽØCan I customize colors?āŒ„
Yes! All components use CSS variables.
šŸ“¦How do I install?āŒ„
⚔Are they performant?āŒ„

An accordion with leading icons, smooth expand animation, and a gradient active indicator bar.

accordioniconfaqexpand