Bring a website to life (animations + ready-made components)
You want a site that doesn't feel like a frozen template: fluid interactions, sharp hierarchy, components that breathe. claude-code as runtime, framer-motion for fluid React animations, ui-ux-pro-max to frame spacing and hierarchy (design skill), 21st-dev to pick paste-ready components (heroes, pricing, navbars).
Why
Bring a website to life without 2 weeks of animation tweaking. Your site is technically done. It works, loads fast, is responsive. But it moves like 2015: instant transitions, flat scroll, basic hovers. You feel visitors scanning it in 4 seconds and bouncing. The content is solid, the wrapper isn't. This kit wires up the motion. Claude Code orchestrates, Framer Motion animates React components in 5 lines instead of a CSS keyframes trip, ui-ux-pro-max supplies the visual grammar, 21st-dev injects pre-animated components (blur cards, animated heroes, scroll sections). The site breathes:…
When
Polish phase, audience dev/designer/founder shipping a landing or marketing site. ✅ You know it's your kit when Your site is functionally ready but feels flat in demos You're shipping a product landing where first impression matters You don't have a motion designer on hand ❌ Not for this kit You're building an internal app / dashboard → generer-code is enough, no anim needed You want to protect…
Tools included
- Claude Code
- Framer Motion
- Ui Ux Pro Max
- 21st Dev