To help you make the best looking websites, we have gathered some animation libraries that will allow you to achieve that easily. These libraries provide ready to use CSS, HTML, and JS as well as good documentation filled with examples.

Here is a library list that will be constantly updated with more as we discover them, please note that the order of appearance is not relevant:


Animate.CSS has more than 60 animation effects, including almost all common animation effects. With this animation library, designers can easily and quickly create CSS3 animation websites.

Magic Animations

Magic Animations is a unique CSS3 animation effect package that designers can use freely in their own website projects. Designers need only introduce CSS styles on the page: magic.css or the compressed version magic.min.css.


Hover effects are often used to spruce up portfolios or picture galleries. With Imagehover.css you can quickly and easily integrate scalable hover effects into your own website. The CSS library contains over 40 different effects.

CSS Animation Cheat Sheet

CSS3 Animation Cheat Sheet is a collection of ready-made CSS animations for quick use in web projects. The library uses CSS3 @keyframes and works fine in current browsers.


Tasty CSS-animated hamburgers
Most websites use the Hamburger icon as a symbol for mobile navigation. With hamburgers, you can spice up the 3 lines with small effects. The collection of animated icons uses CSS3 3D transforms and is supported by most browsers.


Delightful and performance-focused pure CSS loading animations.
If a page takes a little longer to load, page loader animations are often used. Loaders.css offers some nice CSS-based spinners so that at least the spinner loads quickly.


A pure CSS tooltip library for your lovely websites
Hint.css is a small CSS library especially for tooltips with a file size of 1.5KB.


Tooltips can be integrated with Balloon.css without JavaScript.

CSS Gradient Animator

The Gradient Animator is a small CSS tool that can be used to animate the gradient of backgrounds.

CSS Animate

CSSAnimate is a CSS3 Keyframes Animation Generator that supports the creation of complex CSS animation. You can create your own styles without any coding and use them for your own website.


Bounce.js is a very powerful visual CSS3 animation code generation JS library plugin. You can edit various animation effects of CSS3 using their visual interface. In addition, Bounce.js can also be used alone to complete various CSS3 animation effects through JS code.