Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Categories
  3. Front-End Development
  4. Web Animation

Web Animation

The "Awesome Web Animation" project is a curated collection of resources focused on creating animations for the web using technologies like JavaScript, CSS, and SVG. This list encompasses a variety of categories, including libraries, frameworks, tutorials, tools, and examples that demonstrate how to implement engaging animations effectively. It is designed for web developers of all skill levels, from beginners looking to learn the basics of web animations to experienced developers seeking advanced techniques and tools to enhance their projects. Users can explore creative ways to bring their web applications to life, making them more interactive and visually appealing.

web-animationcss-animationsvg-animationjavascript-animationanimation-librariesfrontend-developmentinteractive-designweb-design
RSSView on GitHub
1.5k stars81 forks0 contributorsUpdated
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub

Table of Contents

9 sections · 64 projects

SVG

6 projects
Snap.svgSnap.svg

A JavaScript SVG library for creating and animating modern SVG graphics on the web.

#dom-manipulation#web-animation#interactive-graphics
Stars14,005
Forks1,113
Last commit4 months ago
Svg.jsSvg.js

A lightweight, dependency-free JavaScript library for manipulating and animating SVG.

#dom-manipulation#animation#svg
Stars11,836
Forks1,081
Last commit2 months ago
VivusVivus

A lightweight, dependency-free JavaScript library for animating SVG drawings with a hand-drawn effect.

#ui-animation#web-animation#dependency-free
Stars15,480
Forks1,121
Last commit4 years ago
WalkwayWalkway

A lightweight JavaScript library for animating SVG path, line, and polyline elements with customizable easing.

#web-design#ui-animation#frontend
Stars4,340
Forks219
Last commit4 years ago
RaphaelRaphael

A cross-browser JavaScript library for creating and manipulating vector graphics with SVG and VML support.

#animation#interactive-graphics#cross-browser
Stars11,258
Forks1,627
Last commit2 years ago
BonsaiBonsai

A JavaScript graphics library with a separated runner and renderer architecture, supporting iFrame, Worker, and Node contexts.

#visual-effects#animation-library#creative-coding
Stars1,963
Forks182
Last commit8 years ago

Common

17 projects
GSAPGSAP

A framework-agnostic JavaScript animation library for high-performance animations across CSS, SVG, canvas, React, Vue, WebGL, and more.

#canvas-animation#vue-animation#animation
Stars29,596
Forks2,284
Last commit6 months ago
TweenJSTweenJS

A simple but powerful JavaScript library for tweening numeric object properties and CSS style properties.

#ui-animation#animation#tweening
Stars3,541
Forks935
Last commit2 years ago
Anime.jsAnime.js

A fast, lightweight JavaScript animation library for CSS properties, SVG, DOM attributes, and JavaScript objects.

#ui-animation#animation#web-animation
Stars73,753
Forks4,987
Last commit2 months ago
MojsMojs

A JavaScript motion graphics library for creating fast, retina-ready, and customizable web animations.

#ui-animations#interactive-design#graphics
Stars18,822
Forks893
Last commit2 months ago
Animo.jsAnimo.js

A JavaScript library for managing CSS animations with stacking, cross-browser blur effects, and callbacks.

#ui-animations#css-animations#cross-browser
Stars2,086
Forks310
Last commit9 years ago
Move.jsMove.js

A small JavaScript library for creating CSS3-backed animations with a simple, elegant API.

#dom-manipulation#ui-animation#animation
Stars4,685
Forks671
Last commit4 years ago
VelocityVelocity

A fast, feature-rich JavaScript animation engine that works with and without jQuery.

#dom-manipulation#ui-animation#motion-design
Stars17,188
Forks1,512
Last commit6 years ago
AnimateplusAnimateplus

A JavaScript animation library focused on performance and flexibility, delivering 60 FPS animations under 3 KB.

#design#animation#promise-based
Stars5,947
Forks277
Last commit8 years ago
AnimaticAnimatic

A lightweight CSS animations engine for animating hundreds of objects with realistic physics simulation.

#realistic-animations#css-animations#lightweight
Stars1,381
Forks122
Last commit4 months ago
Just AnimateJust Animate

A JavaScript animation library that simplifies complex animations with timeline control and multi-engine support.

#timeline#multiple-animations#ui-animation
Stars269
Forks18
Last commit7 years ago
Haiku CoreHaiku Core

Interactive UI animation engine for the web, serving as the core renderer for Haiku Animator components.

#ui-animation#animation#web-animation
Stars765
Forks45
Last commit2 years ago
Between.jsBetween.js

A lightweight ES6 tweening engine for animating numbers, arrays, objects, and colors with easing and looping.

#easing#animation#smooth
Stars703
Forks18
Last commit3 years ago
Progressbar.jsProgressbar.js

A JavaScript library for creating responsive, animated SVG progress bars with customizable shapes and animations.

#animation#progressbar#react-integration
Stars7,850
Forks1,359
Last commit2 years ago
Bezier easingBezier easing

A JavaScript implementation of CSS cubic-bezier easing functions for precise and performant animations.

#cubic-bezier#easing#animation
Stars1,778
Forks137
Last commit5 days ago
Glsl easingsGlsl easings

Robert Penner's easing functions implemented in GLSL for use with glslify.

#graphics#animation#opengl
Stars468
Forks36
Last commit6 years ago
ES6-tweenES6-tween

A high-performance, modular ES6 tweening library for smooth animations in web and Node.js applications.

#modular#animation#tweening
Stars186
Forks34
Last commit16 days ago
Weeee.jsWeeee.js

A lightweight JavaScript tweening engine for creating smooth animations with customizable easing and timing.

#easing#animation#web-animation
Stars3
Forks1
Last commit5 years ago

CSS

6 projects
Animate.cssAnimate.css

A cross-browser library of ready-to-use CSS animations that are easy to implement.

#stylesheets#css-animations#animation
Stars82,906
Forks15,855
Last commit2 years ago
Motion-uiMotion-ui

A powerful Sass library for creating CSS transitions and animations with a standalone JavaScript component.

#css-animations#sass#foundation-framework
Stars1,166
Forks168
Last commit2 years ago
MagicMagic

A lightweight CSS library providing a collection of ready-to-use, cross-browser CSS3 animations with special effects.

#gulp#jquery#css-animations
Stars8,596
Forks1,161
Last commit4 years ago
Css-loadersCss-loaders

A collection of minimal, single-element loading spinners animated entirely with CSS.

#minimal-design#css-animations#single-element
Stars7,052
Forks1,000
Last commit1 year ago
SpinKitSpinKit

A collection of smooth, customizable loading spinners animated entirely with CSS.

#css-animations#css-variables#ux
Stars19,316
Forks1,754
Last commit6 years ago
Bounce.jsBounce.js

A JavaScript library and tool for generating beautiful CSS3 keyframe animations with a simple API.

#ui-animations#css-animations#motion-design
Stars6,147
Forks405
Last commit6 years ago

Canvas

10 projects
EaselJSEaselJS

A JavaScript library for building high-performance interactive 2D graphics and animations on the HTML5 Canvas.

#interactive-content#display-list#animation-library
Stars8,166
Forks1,918
Last commit9 months ago
Fabric.jsFabric.js

A simple and powerful JavaScript library for working with HTML5 canvas, providing object model, SVG parsing, and rich interactions.

#svg-parser#canvas-manipulation#drawing-app
Stars31,510
Forks3,632
Last commit2 days ago
Paper.jsPaper.js

A vector graphics scripting framework for HTML5 Canvas and Node.js, offering a comprehensive API for creating and manipulating vector graphics.

#interactive-design#svg#creative-coding
Stars15,095
Forks1,256
Last commit1 day ago
KonvaKonva

A JavaScript framework for high-performance HTML5 Canvas applications with interactivity, animations, and event handling.

#node-canvas#javascript-framework#graphics
Stars14,887
Forks1,067
Last commit8 days ago
Two.jsTwo.js

A renderer-agnostic 2D drawing API for the web that works with SVG, Canvas 2D, and WebGL.

#animation#html5#canvas
Stars8,672
Forks465
Last commit2 days ago
OcanvasOcanvas

JavaScript library that simplifies HTML5 canvas development by providing an object-based drawing API.

#interactive-graphics#frontend-development#object-oriented-graphics
Stars488
Forks74
Last commit3 years ago
CurtainsjsCurtainsjs

A lightweight vanilla WebGL library that turns HTML DOM elements into interactive textured planes.

#responsive#3d-animation#interactive-graphics
Stars1,827
Forks114
Last commit1 year ago
Hover-effectHover-effect

A JavaScript library for creating WebGL-powered distortion hover effects between images or videos.

#ui-animation#three-js#displacement-mapping
Stars1,885
Forks307
Last commit3 years ago
Pts.jsPts.js

A TypeScript/JavaScript library for visualization and creative-coding with lightweight geometry and canvas utilities.

#sound#generative-art#vector
Stars5,355
Forks183
Last commit2 days ago
tsParticlestsParticles

A lightweight TypeScript library for creating customizable particle effects, confetti, and fireworks animations as website backgrounds.

#canvas-animation#particles#confetti
Stars8,995
Forks945
Last commit2 days ago

Animate on scroll

7 projects
AOSAOS

A lightweight JavaScript library for animating elements on scroll with CSS-driven transitions.

#css-animations#vanilla-js#ui-effects
Stars28,051
Forks2,621
Last commit2 years ago
LaxxxLaxxx

A lightweight vanilla JavaScript library for creating smooth scroll-driven animations.

#effects#css-animations#animation
Stars10,462
Forks480
Last commit1 year ago
WowWow

A lightweight JavaScript library that reveals CSS animations as you scroll down a page.

#css-animations#ux-enhancement#lightweight
Stars9,890
Forks3,943
Last commit2 years ago
ScrollrevealScrollreveal

A JavaScript library for animating elements as they enter or leave the viewport on scroll.

#ui-animations#animation#transition
Stars22,472
Forks2,198
Last commit2 years ago
ScrollMagicScrollMagic

A lightweight JavaScript library for precise scroll position tracking and event handling using IntersectionObserver and ResizeObserver.

#vanilla-js#ux#frontend
Stars14,952
Forks2,111
Last commit2 days ago
MotusMotus

A JavaScript animation library that mimics CSS keyframes and applies them based on scroll position.

#keyframes#css-animations#animation
Stars623
Forks32
Last commit3 years ago
SalSal

A lightweight, performance-focused scroll animation library using Intersection Observer with no dependencies.

#web-animation#lightweight#animation-library
Stars3,691
Forks171
Last commit3 years ago

Related Awesome Lists

💚
Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k
⚛️
React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k
📦
Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k
🌊
Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k