Accordion Motion 7 - Motion with Streaming Text

Pro

Accordion whose answer streams in character by character with a blinking caret, like an AI reply.
Shadcn Accordion Motion 7 component

Component data

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

Accordion Motion 7 component design & features

When a panel opens, the answer types itself out with a caret at the end. The full text is rendered invisibly underneath so the panel measures its final height, and screen readers get the full text straight away.

Streaming answers suit FAQs for AI products and assistant features.