Motion Framer
- 629 repo stars
- Updated November 20, 2025
- freshtechbro/claudedesignskills
Create smooth, production-ready animations in React with Motion (Framer Motion) - variants, gestures, layout animations, AnimatePresence exits, spring physics and scroll effects.
About
A skill for Motion (Framer Motion), a modern animation library for React and JavaScript. A solo builder reaches for it to add production-ready motion to a UI - micro-interactions, page transitions, gesture handling, layout animations and complex sequences - using declarative motion components and variants.
- Motion / Framer Motion for React
- Variants, gestures (hover/tap/drag), layout animations
- AnimatePresence exit animations
- Spring physics and scroll-based effects
Motion Framer by the numbers
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/individual/motion-framerAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 629 |
|---|---|
| Last updated | November 20, 2025 |
| Repository | freshtechbro/claudedesignskills ↗ |
What it does
Create smooth, production-ready animations in React with Motion (Framer Motion) - variants, gestures, layout animations, AnimatePresence exits, spring physics and scroll effects.
Who is it for?
Production-ready UI animations and transitions in React
When should I use this skill?
Adding animated components or transitions to a React app
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109k