motion-animation-patterns - Motion Animation Patterns for React
Implement Framer Motion animations with preset patterns in React applications
Tags
Updated: 2026-06-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- add page transitions
- implement modal animations
- create staggered list animations
- add hover interactions
- implement skeleton loaders
- create collapse animations
- build toast animations
- apply animation presets
- configure RTL animations
Inputs
- React components
- animation presets
- component props
Outputs
- animated UI components
- transition effects
- page animations
Requirements
- React 19
- Framer Motion
- TypeScript