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-code

Installs 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

Recommended

1juliusbrussee avatarcavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
2mattpocock avatargrill-memattpocock/skillsA relentless interview to sharpen a plan or design.1.5Mskills.sh installs
3shadcn avatarimproveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
4obra avatarsystematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
5forrestchang avatarkarpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
6vercel-labs avatarfind-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs