User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Web Animation

A list of awesome web animation libraries, books, apps etc.

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Nov. 30, 2021, 11:16 a.m.

Thank you sergey-pimenov & contributors
View Topic on GitHub:
sergey-pimenov/awesome-web-animation

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

SVG

The JavaScript library for modern SVG graphics.

13.31K
1.16K
63d
Apache-2.0

The lightweight library for manipulating and animating SVG

9.23K
1K
34d
n/a

JavaScript library to make drawing animation on SVG

13.92K
1.12K
7m
MIT

An easy way to animate SVG elements.

4.38K
244
65d
MIT

JavaScript Vector Library

10.99K
1.68K
1y 5m
MIT

BonsaiJS is a graphics library and renderer

1.97K
208
3y 11m
n/a

Common

GreenSock's GSAP JavaScript animation library (including Draggable).

13.18K
1.48K
32d
n/a

A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.

3.38K
983
8m
MIT

JavaScript animation engine

40.73K
3.34K
28d
MIT

The motion graphics toolbelt for the web

17.13K
926
63d
MIT

A powerful little tool for managing CSS animations

2.14K
337
4y 8m
MIT

CSS3 backed JavaScript animation framework

4.65K
705
6m
n/a

Accelerated JavaScript animation.

17.09K
1.61K
1y 4m
MIT

A+ animation module for the modern web

5.83K
306
3y 4m
MIT

CSS animations engine

1.4K
135
5y 58d
MIT

Making Animation Simple

252
17
2y 8m
n/a

Interactive UI animation engine for the Web. Core renderer for Haiku Animator.

753
41
1y 75d
n/a

Lightweight JavaScript (ES6) tweening engine

701
23
2y 112d
MIT

Responsive and slick progress bars

7.49K
1.43K
99d
MIT

cubic-bezier implementation for your JavaScript animation easings โ€“ MIT License

1.45K
125
112d
MIT

Robert Penner's easing functions in GLSL, available as a module for glslify.

321
24
1y 4m
n/a

ES6 version of tween.js

175
35
6m
MIT

Tiny Javascript tweening engine.

2
1
5m
MIT

CSS

๐Ÿฟ A cross-browser library of CSS animations. As easy to use as an easy thing.

72.83K
15.96K
26d
n/a

๐Ÿ’Ž The powerful Sass library for creating CSS transitions and animations

1.03K
163
112d
MIT

CSS3 Animations with special effects

7.21K
1.14K
50d
MIT

A collection of loading spinners animated with CSS

6.8K
1.05K
1y 11m
MIT

A collection of loading indicators animated with CSS

18.56K
1.81K
1y 9m
MIT

Create beautiful CSS3 powered animations in no time.

6.19K
444
6y 9m
MIT

Canvas

The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.

7.87K
2.02K
8m
MIT

Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

20.3K
2.89K
27d
n/a

The Swiss Army Knife of Vector Graphics Scripting โ€“ Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey

12.84K
1.14K
40d
n/a

Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

6.81K
620
39d
n/a

A renderer agnostic two-dimensional drawing api for the web.

7.34K
444
6d
MIT

JavaScript library for object-based canvas drawing.

482
75
2y 11m
MIT

curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

1.23K
78
70d
MIT

Javascript library to draw and animate images on hover

1.29K
256
112d
MIT

A library for visualization and creative-coding

4.58K
163
56d
Apache-2.0

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

2.61K
296
11d
MIT

Animate on scroll

Animate on scroll library

18.34K
2K
55d
MIT

Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

8.19K
426
36d
MIT

Reveal CSS animation as you scroll down a page

9.6K
4.11K
4m
n/a

Animate elements as they scroll into view.

20.15K
2.17K
8m
n/a

The javascript library for magical scroll interactions.

13.46K
2.02K
4m
n/a

Animation library that mimics CSS keyframes when scrolling.

535
34
55d
MIT

๐Ÿš€ Performance focused, lightweight scroll animation library ๐Ÿš€

3.08K
170
70d
MIT

Text

Simulate a typewriter effect in vanilla JavaScript.

241
20
10m
MIT

A JavaScript Typing Animation Library

11.34K
1.49K
45d
MIT

"shuffle-text" is JavaScript text effect library such as cool legacy of Flash.

90
14
60d
n/a

Javascript library for typing animation

14
2
5y 113d
MIT

A JavaScript API for drawing unconventional text effects on the web.

2.83K
218
1y 4m
n/a

React

Open source, production-ready animation and gesture library for React

12.72K
368
27d
MIT

Transform SVGs into React components ๐Ÿฆ

8.08K
323
28d
MIT

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.

2.61K
296
11d
MIT

GUI tools

Videos