
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 copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 9
- skills.sh installs
- 3.1K
- GitHub stars
- 15
- last updated
- Jul 14, 2026
Install
$ npx -y skills add devmartinese/awwwards-animations-skill --skill awwwards-animations --agent claude-codeInstalls into .claude/skills of the current project.
Files
Awwwards Animations
Create premium web animations at Awwwards/FWA quality level. React-first approach. 60fps non-negotiable.
Decision Matrix
Sponsors
Details
- Repository
- github.com/devmartinese/awwwards-animations-skill
- First seen
- Apr 16, 2026