UI

Animated Group

Motion primitive for animating groups of elements with staggered effects

Preview

<AnimatedGroup preset="fade" className="space-y-4">
  <div className="bg-primary/10 rounded p-4">Item 1</div>
  <div className="bg-primary/10 rounded p-4">Item 2</div>
  <div className="bg-primary/10 rounded p-4">Item 3</div>
</AnimatedGroup>

Props

The AnimatedGroup component accepts the following props:

Prop

Type

Installation

npx shadcn@latest add @uifoundry/animated-group

If you encounter issues, check the registry setup guide for configuration help.

Registry Dependencies

This component has no registry dependencies.

Dependencies

This component requires the following NPM packages:

  • React - JavaScript library for building user interfaces
  • Framer Motion - Production-ready motion library for React

Style Utils

Tailwind utility functions including cn() class merger and theme color constants

Button

Customizable button component with multiple variants and sizes

On this page

PreviewPropsInstallationRegistry DependenciesDependencies