Animated Accordion

Radix Accordion with Motion height/opacity reveal and a rotating chevron. Single/multiple modes, keyboard, and disabled state preserved. Reduced-motion safe.

Animated Accordion

motiq

Where it goes: statskanban
Interaction: animated-counterscroll-revealaccordion

DependenciesBundle weight · medium

animation: motion
ui-primitives: @radix-ui/react-accordion

More from motiq

Activity Streamcomponent Adaptive Safe-Zone Gridcomponent Agent Operations Heroblock Agent Run Timelinecomponent AI Agent Workspaceblock AI Interface Packblock AI Response Streamcomponent

Browse all components in this library →