Accordion Motion 4 - Motion with Blur

Pro

Accordion whose answer fades in from a soft blur as the panel opens.

Shadcn Accordion Motion 4 component

Component data

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

Accordion Motion 4 component design & features

The answer paragraph animates from a small blur and zero opacity to sharp text while the panel height expands. The effect is turned off for reduced motion.

A blur-in gives security and privacy FAQs a calm, polished reveal.