A list of awesome web animation libraries, books, apps etc.
-
Updated
Jul 12, 2023 - JavaScript
#
web-animation
Here are 187 public repositories matching this topic...
Friction Graphics
svg windows linux qt ffmpeg animation web-animation motion-graphics motion-design vector-graphics skia 2d mograph raster-graphics svg-animation
-
Updated
Oct 12, 2025 - C++
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
Aug 7, 2025 - 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
Oct 27, 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
Oct 6, 2025 - JavaScript
🎬 This is a high-performance web animation react component with minimal development cost.
-
Updated
Jun 24, 2024 - TypeScript
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 14, 2025 - HTML
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 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
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
A simple to use plugin to add custom animations, based on the Web Animation API, to your presentations.
-
Updated
Apr 2, 2020 - JavaScript
A library for ready-to-use animations designed for Vue.js applications, featuring over 100 high-performance UI animations crafted with GSAP, offering GPU-accelerated rendering with better performance and efficiency across all devices.
-
Updated
Oct 16, 2024 - TypeScript
Animations of Web Animations API
-
Updated
Nov 22, 2017 - JavaScript
Improve this page
Add a description, image, and links to the web-animation topic page so that developers can more easily learn about it.
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."