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.
🎬 This is a high-performance web animation react component with minimal development cost.
Making Animation Simple
Animate once, use Everywhere! 💫
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.
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.
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.
Web Design Studio: free agent skill for distinctive websites, interactive 3D and motion. 28 live examples, art direction and accessible fallbacks. Formerly Cinematic Scroll.
Facebook Reaction Animation made with React and FramerMotion.
Web animation skills for Claude Code — GSAP, SVG, Lottie, micro-interactions, page transitions, and 60fps performance, installed straight into your agent.
🌌 nodes.js is a nodes/particles animation useable for backgrounds
To associate your repository with the web-animation topic, visit your repo's landing page and select "manage topics."