Animation Libraries
JavaScript based animation libraries usually encapsulate the complex CSS syntax into something easier to use and provide new functionality not available in pure CSS based solution.
Live Filters →
View Type →
tween.js
1032
128
Javascript Tweening Engine
Super simple, fast and easy to use tweening engine which incorporates optimised Robert Penner's equations.
Textillate
833
107
Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animations to any text.
Anima
843
51
CSS animations with a soul. With Anima it's easy to animate over a hundred objects at a time. And it's only 5k when gzipped.
CAAT
563
104
5/5
CAAT: Canvas Advanced Animation Tookit
CAAT is a director-based Scene graph manager.
It is able to render using Canvas, WebGL and CSS without making changes to the applications that sit on top of it.
emile
505
52
Stand-alone CSS animation JavaScript mini-framework
Doesn't need a JavaScript framework
Full set of CSS properties for animation (length-based and colors)
Easing and callbacks
Less than 50 lines of code
AliceJS
425
56
AliceJS - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.
Rekapi
221
25
Rekapi is a keyframe animation library for JavaScript. It gives you:
A keyframe-based Model by which to structure an animation
Controller APIs to control the playback of an animation
Rekapi does not define drawing methods. That part...
Shifty
222
20
Shifty is a tweening engine built in JavaScript. It is designed to fit any number of tweening needs. Features include:
Speed - Shifty is optimized for performance.
Works well as the base function in a prototype chain.
Modular, extensible arc...
Firmin
181
11
Firmin is a JavaScript animation library that uses CSS transforms and transitions to create smooth, hardware-accelerated animations.
Janis
41
10
Janis is a lightweight Javascript framework that provides simple animations via CSS transitions for modern browsers on the web as well as mobile devices. It is not designed to solve everyone's problems--it's simply designed to organize c...
Color Animation jQuery Plugin
4
0
5/5
With the color animation jQuery-plugin, you can animate colors of any element. Like text color, background color and border color. It supports rgba colors for transparent colors.
Shadow animation jQuery plugin
4
0
5/5
With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.
GSAP12
5/5
GreenSock Animation Platform (GSAP) v12
Version 12 not only brings more tweenable goodness than ever to Flash, but for the first time ever it does the same for JavaScript too. That’s right. You can use the same animation toolset for your Flash an...
Burst
7
5
A javascript vector animation engine for the HTML5 Canvas supporting SVGs, Blender3D objects, timelines, easing, command chanining and callbacks.
