Summary
If you're building React apps with animations beyond basic CSS transitions, this handles everything from button hover states to complex page transitions. You get motion components that wrap regular HTML elements, gesture recognition for hover/tap/drag interactions, physics-based spring animations, and AnimatePresence for smooth exit animations. The variants system is especially clean for coordinating animations across parent and child components with staggered timing. It works with Next.js, Vite, and other modern frameworks. The declarative API means you're describing what should animate rather than orchestrating timeline details, which keeps animation code maintainable as your UI gets more interactive.
Install to Claude Code
npx -y skills add freshtechbro/claudedesignskills --skill motion-framer --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
