design-infraReport a problem or share feedback← Catalog
Animated Group
curatedtheme-awarefreemotion-primitives/animated-group
A container component that applies coordinated animations to a group of child elements.
$
npx shadcn@latest add @motion-primitives/animated-groupnpm deps: motion
Our notes
Stagger a group of children with presets (fade, blur, slide, zoom…). Colourless; good for feature lists and logo rows.- Source
- Motion Primitives
- Kind
- component
- Categories
- transition
- Use as
- wrapper — wraps your existing element
- Applies to
- featurescardlogo-cloudtestimonials
- Motion
- on enter · subtle · motion · medium cost · ignores reduced motion
- Tags
- motion
- Licence
- MIT (ibelick/motion-primitives). Motion Primitives Pro is a separate paid product — not catalogued.
- Live demo
- motion-primitives.com
- Docs
- motion-primitives.com
Similar
Compare all 4 →- Card Stackaceternity/card-stackCards stack on top of each other after some interval. Perfect for showing testimonials.
- Meteor Effectaceternity/meteorsA group of beams in the background of a container, sort of like meteors.
- In Viewmotion-primitives/in-viewAnimate children when they enter the viewport — thin, reusable wrapper. Colourless.