F
/Framer Motion Animations
skillFrontend & UI
Framer Motion animation patterns: layout animations, page transitions, gesture controls, scroll-triggered animations, and orchestration. Optimized for 60fps performance.
99
Universal Compatibility
Claude
Opus 4.5 • Sonnet 4
Gemini
3.0 Pro • 2.5 Flash
OpenAI
GPT-5.1 • o3
934
Installs
267
Remixes
88%
Token Savings
1
Dependencies
Installation
npx @gicm/cli add skill/framer-motion-animations
Installs the standard version for Claude.
This will install to your
.claude/skills/ directoryProvider Requirements
E2BRequired
Install required providers before running this item.
Required Dependencies
Tags
AnimationFramer MotionReactUX
Related Items
N
/Next.js App Router Patterns
Server Components, streaming, parallel routes. Next.js 14 best practices. 89% token reduction.
s
/shadcn Component System
shadcn/ui setup, customization, Radix primitives. Consistent, accessible components.
T
/Tailwind Design System
Design tokens, custom utilities, responsive patterns. Brand-consistent styling.