motion-framer - React and JavaScript animation interactions
Create production-ready animations for React and JavaScript using motion components, variants, gestures, layout transitions, exit animations, spring physics, and scroll effects.
Tags
Updated: 2026-10-07Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create motion components
- Configure animation states
- Handle hover and tap gestures
- Implement drag interactions
- Animate component exits
- Animate layout changes
- Create scroll-based effects
Inputs
- UI component code
- Animation state definitions
- Gesture requirements
- Layout transition requirements
- Scroll interaction requirements
- Motion library choice
Outputs
- Animated UI components
- Hover and tap interactions
- Drag interactions
- Page transitions
- Layout transitions
- Scroll-based effects
Requirements
- React 18+ for React projects
- Motion v11+ or Framer Motion
- Modern React framework when applicable