Velocity is a jQuery plugin that re-implements $.animate()
to produce significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve animation workflow.
Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, Velocity uses jQuery’s $.queue()
, and thus interoperates seamlessly with jQuery’s $.animate()
, $.fade()
, and $.delay()
. Since Velocity’s syntax is identical to $.animate()
‘s, none of your code needs to change.
Download Velocity, add it to your page, and replace all instances of $.animate()
with $.velocity()
. You will immediately see a performance boost across all browsers and devices — especially on smartphones.
In just 7Kb, Velocity includes all of $.animate()
‘s features while also packing in color animation, transforms, loops, easings, class animation, and scrolling. Velocity is the best of jQuery, jQuery UI, and CSS transitions combined.
Animation demo, starfield demo.