Awwwards Animations

This is a production-ready animation toolkit that brings together GSAP, Framer Motion, Lenis smooth scroll, and Anime.js with proper React hooks and cleanup patterns. It's built for the kind of scroll-driven, 60fps work you see on Awwwards sites: magnetic cursors, parallax sections, stagger reveals, and complex timelines. The decision matrix alone is worth it, showing exactly which library to reach for depending on whether you need ScrollTrigger integration, SVG morphing, or lightweight effects. It also covers generative art, geometric puzzles, kinetic typography, and brutalist design patterns. The Lenis + GSAP ScrollTrigger integration is critical and often misconfigured, so having that reference is practical. If you're building anything that needs to feel premium and perform smoothly, this gives you the patterns without the research overhead.

Install to Claude Code

npx -y skills add devmartinese/awwwards-animations-skill --skill awwwards-animations --agent claude-code