Accordion Motion 5 - Motion with Scale

Pro

Accordion with prices in the triggers and answers in a muted surface that scales up as it fades in.

Shadcn Accordion Motion 5 component

Component data

ID
accordion/accordion-motion-5
Access
pro
Created
Oct 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Accordion Motion 5 component design & features

Each trigger shows a plan name and price. The answer sits in a muted rounded surface that grows from 98% scale while fading in.

The scaling surface suits plan and pricing lists where the content block should feel like a card.