Friction Graphics
svg windows linux qt ffmpeg animation web-animation motion-graphics motion-design vector-graphics skia 2d mograph raster-graphics svg-animation
-
Updated
Sep 9, 2026 - C++
#
web-animation
Here are 444 public repositories matching this topic...
A list of awesome web animation libraries, books, apps etc.
-
Updated
Jul 12, 2023 - JavaScript
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.
css animation css-animations gsap transition web-animation css3-animations scroll-animations text-animation css-effects css-hover-animation ui-animation css-animation-library animation-classes lightweight-css-animation zero-javascript-animation
-
Updated
Jan 21, 2026 - CSS
Making Animation Simple
typescript timeline easings animation svg-animations transitions web-animation animation-controller css-variables waapi multiple-animations
-
Updated
Mar 26, 2019 - TypeScript
Animate once, use Everywhere! 💫
web pwa stencil animation ux web-components declarative animations transitions web-animation animation-library ux-experience web-animations-api web-animations waapi stenciljs designers stencil-components stenciljs-components designer-website
-
Updated
Mar 22, 2026 - TypeScript
🎬 This is a high-performance web animation react component with minimal development cost.
-
Updated
Jun 24, 2024 - TypeScript
Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API.
typescript scss pug web-animation web-animations-api audio-context-api web-animations lucky-draw audio-context random-name-picker
-
Updated
Apr 30, 2024 - TypeScript
USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨
javascript animation css-animations web-animation scroll-animations intersection-observer scroll-library
-
Updated
Jul 10, 2026 - JavaScript
Award-winning personal portfolio website by Evangelos Giatsidis built with Next.js, React Three Fiber, and GSAP animations.
react portfolio webgl threejs frontend creative-coding nextjs personal-website gsap web-animation react-three-fiber
-
Updated
Jun 1, 2025 - JavaScript
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.
javascript web-development html5 css3 love web-animation tailwindcss romantic canvas-confetti valentines-day interactive-web cute-gifs
-
Updated
Feb 17, 2026 - HTML
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.
react javascript webgl canvas web-components react-components showcase developer-tools web-animation cursor canvas-api vite custom-cursors cursor-effects ui-effects web-components-library
-
Updated
Aug 5, 2026 - JavaScript
Blue Archive web click effect, mouse effect & cursor trail｜蔚蓝档案 点击特效、鼠标特效与光标拖尾｜Canvas 2D · npm/CDN
javascript canvas html5-canvas javascript-library particle-effects web-animation canvas2d visual-effects game-ui particle-systems click-effect npm-packages cursor-effects mouse-trail blue-archive bluearchive cursor-trail click-animation mouse-effects touch-effect
-
Updated
Sep 10, 2026 - JavaScript
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.
javascript gsap web-animation scrolltrigger responsive-design scroll-animations product-page ui-animation frontend-project vintage-ui
-
Updated
May 25, 2025 - CSS
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-development video canvas frontend developer-tools web-animation codex ai-agents scroll-animation agent-skills claude-code scroll-driven-animation
-
Updated
Sep 4, 2026
Web Design Studio: free agent skill for distinctive websites, interactive 3D and motion. 28 live examples, art direction and accessible fallbacks. Formerly Cinematic Scroll.
webgl threejs landing-page creative-coding parallax nextjs gsap web-animation cursor web-design framer-motion scroll-animation fal-ai generative-ui agent-skills claude-skill agent-skill openclaw hermes-agent scroll-driven-animation
-
Updated
Sep 10, 2026 - JavaScript
Facebook Reaction Animation made with React and FramerMotion.
-
Updated
Jan 4, 2023 - JavaScript
🌌 nodes.js is a nodes/particles animation useable for backgrounds
html5 animation web-animation background-animation canvas-animation web-animations html5-animation canvas-animations
-
Updated
Oct 1, 2020 - JavaScript
Micro Interaction Directive for Angular apps - based on native web animations and nothing more..
-
Updated
Mar 2, 2022 - TypeScript
Add this topic to your repo
To associate your repository with the web-animation topic, visit your repo's landing page and select "manage topics."