motion
CommunityShip polished UI animations fast.
Software Engineering#motion#framer-motion#parallax#gesture controls#react animations#layout animations
Authorjackspace
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides Production-ready Motion (Framer Motion) setup for React, offering gestures, scroll animations, layout transitions, and SVG animations to deliver engaging, accessible UI experiences.
Core Features & Use Cases
- ✅ Gestures: drag, hover, tap, pan with cross-device support
- ✅ Scroll animations and parallax effects
- ✅ Layout animations (FLIP) and shared element transitions
- ✅ SVG path morphing and shape animations
- ✅ Performance optimizations (LazyMotion, 2.3 KB to 34 KB bundles)
Quick Start
Install motion, create a basic React component with motion.div, and enable a simple drag or hover interaction.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: motion Download link: https://github.com/jackspace/ClaudeSkillz/archive/main.zip#motion Please download this .zip file, extract it, and install it in the .claude/skills/ directory.