Web animation skill for Claude Code & Codex. 帮你做跟着滚动和鼠标动的网页动画。
Friction Graphics
A list of awesome web animation libraries, books, apps etc.
Unleash dynamic web experiences with {css}animation. A lightweight, zero-JavaScript CSS animation library for developers and UI ninjas. Get pre-built effects, total control, and fast, modern motion design.
Making Animation Simple
Animate once, use Everywhere! 💫
🎬 This is a high-performance web animation react component with minimal development cost.
Blue Archive-inspired web click effects, mouse effects & cursor trail｜蔚蓝档案风格网页点击特效、鼠标特效与光标拖尾｜WebGL2 · WebGPU · Canvas 2D · npm/CDN
Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API.
USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨
Award-winning personal portfolio website by Evangelos Giatsidis built with Next.js, React Three Fiber, and GSAP animations.
20+ custom cursor effects for developers with live interactive previews, copy-paste code snippets, AI prompts, and a full config panel. Built with React + Canvas API.
A playful and interactive web experience for asking someone to be your Valentine, featuring charming GIFs and dynamic responses to 'Yes' and 'No' answers. Built with HTML, Tailwind CSS, and a sprinkle of JavaScript for interactivity.
Curated motion design agent skills: GSAP, Motion, Remotion, Lottie and Rive for web animation, programmatic video and motion QA. Installable in Claude Code, Codex, Copilot.
Web animation skills for Claude Code — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.
Scroll Video Website is a portable AI-agent skill that turns videos into smooth, scroll-controlled canvas experiences with optimized WebP frames, progressive loading, and responsive animation.
A high-end product showcase built with GSAP ScrollTrigger, featuring scroll-based bottle animations, pin transitions, and a responsive vintage-style layout. Smooth, interactive, and crafted for modern frontend storytelling.
Three free agent skills for websites people remember: cinematic-scroll builds distinctive scroll, 3D and motion sites; scroll-audit scores any page; launch-page-strategy decides what the page must say. 28 live examples. Formerly Cinematic Scroll.
Facebook Reaction Animation made with React and FramerMotion.
To associate your repository with the web-animation topic, visit your repo's landing page and select "manage topics."