DocsDocs ExamplesExamples UIUI AI KitAIAI KitAI

Examples / Radix

Radix: Accordion

An accordion component with smooth height animations using Radix UI and Motion

React

Matt PerryJanuary 31, 2025

Live exampleOpen

>APIsAnimatePresencemotionMotionConfiganimatewhileTapvariantslayoutId

Related examples

Radix: Slider with AnimateNumber
Radix: Accordion
Radix: Checkbox
Radix: Context Menu

Latest in React

Multidimensional reorder
Footer reveal
Rolling text button
Rolling text button: Staggered

Motion++One payment
Lifetime updates

Motion+ examples

Unlock all 430+ examples

Get source code for every Plus example, provide examples directly to your agent via Motion's MCP, and keep lifetime access to new examples and APIs.

Examples: 430+
Source: Included
Updates: Lifetime

Get Motion+Get Motion+Sign in

Sponsors

Motion is supported by the best in the industry.

Become a sponsor

Newsletter

Updates on new features and releases.

>

Site

About
Advertise
Changelog
Docs
Examples
Magazine
Sponsor
Troubleshooting

Products

AI Kit
CSS Studio
Motion
Motion+
Motion UI
MotionScore
The Book of Motion

Most Popular

React animation
Layout animation
SVG animation
Motion component
GSAP vs Motion

Docs

JavaScript
React
Vue
AI Kit

Social

GitHub
RSS: Changelog
RSS: Magazine
X/Twitter
YouTube

© 2026 Motion

+Login Purchase