animation-motion - Create animations with Framer Motion and CSS
Create smooth animations and micro-interactions using Framer Motion and CSS
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create enter/exit animations
- implement gesture animations
- add scroll animations
- build loading states
- apply CSS transitions
- optimize animation performance
Inputs
- React components
- Framer Motion library
- CSS framework
- animation configuration
Outputs
- animated UI components
- modal animations
- loading indicators
- micro-interactions
- layout transitions
Requirements
- React environment
- Framer Motion library
- CSS framework