If you want to implement cool effect with animation in your website, then don’t worry about heavy flash animation. With CSS3, you can make light weight cool effect with animation. CSS3 which supports different transition, 3D transforms, it opens out so much possibilities. Also with the help of JavaScript, you can do much more.

Here in this post I have collected few CSS animation library built with CSS3 and aimed to let you extend them and use it in your own project.


Animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.



Liffect provides great CSS3 animation effect for you. Form here, you can generate different kind of animation easily with this.



Easing function specifies the speed of animation progresses to make it more realistic. It’s a generator to create different easing transition.



Morf is also provides great CSS3 animation effect. It comes bundled with the fantastic Shifty.js for tweening regular CSS properties.



This is awesome collection of CSS3 Animation created by Lea Verou, a famous front-end engineer currently living in Greece and also working remotely for W3C . There are total 39 of different animation effects and it’s available for free.