animation-motion - Framer Motion Animations
Create smooth animations and micro-interactions with Framer Motion and CSS
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create fade animations
- create slide animations
- create exit animations
- create hover animations
- create drag gestures
- create scroll animations
- create layout animations
- create loading states
- support reduced motion
- optimize performance
Inputs
- React components
- Framer Motion library
- CSS stylesheets
- Tailwind config
Outputs
- animated UI elements
- transition effects
- loading skeletons
- modal animations
- scroll-triggered animations
Requirements
- React environment
- Framer Motion package
- CSS support
- Tailwind CSS