Nanimator : jQuery Nano Animation Library

Nanimator : jQuery Nano Animation Library

I got the idea for Nanimator Library while working with jQuery Transit library and CSS3 transforms a couple of days ago. I was chaining the animation of numbers of objects by writing callbacks for each of them and suddenly I got the idea that I can actually do it pretty easily by converting the whole thing as a jQuery Plugin. This is how Nanimator was born. It’s primary purpose is to animate a set of DOM elements inside a container, mainly translate, translateX, translateY, and opacity. It also reduces your code by writing almost nothing at all, except initializing the library.

Nanimator serves its purpose pretty well by queueing the DOM elements in a stack, maintaining a chain among them (which you can also break, but I will highlight that later in this article). Nanimator uses the fantastic jQuery Transit plugin under the hood to wrap everything up for you.

Leave a Reply