25 CSS Animation Libraries
Collection of hand-picked free CSS animation libraries. Update of July 2017 collection. 5 new items.
- CSS Animation Examples
- CSS Page Transitions
- CSS Border Animations
CSS animation library for eccentric web developers.
Give life to your text, photos and anything with just put a magical class.
Vivify is free CSS animation library.
Single purpose classes to help you orchestrate CSS animations.
A small set of useful infinite CSS animations that you can drop into your project.
A Sass library for creating flexible CSS transitions and animations.
Simple, dynamic CSS rules to give life to your sites.
All animation.css is a set of fun animations to make your project sexier. They are cross-browser animations but that will emphasize your pages as sliders, 3D effects's.
A cross-browser library of CSS animations. As easy to use as an easy thing.
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
A performant transitions and animations library.
Animate Plus is a CSS and SVG animation library for modern browsers. Animate Plus is performant and lightweight (2.8KB gzipped), making it particularly well-suited for mobile.
CSS3 animations with special effects.
Some CSS classes to move your DOM!
Repaintless.css in a lightweight animation library that consists only of animations that don’t cause reflows and repaints of a website when used correctly.
It’s a quirky CSS animation library.
Animations for the strong of heart, and weak of mind.
Post-Future CSS animations.
Generates keyframe animations using Rebound.js by Facebook - a spring system simulator. Similar to Animate.css
Motion CSS is a library of animation for your web projects. It works very simply. All you need to do is connect the css file and use a specific class to an element that should be animated.
Dynamic.css is a bunch of awesome, cross-browser CSS animations to use in any project.
It’s perfect to animate incoming and leaving web page elements, but it also could be useful for sliders,
:hover handlers and all kind of general use.
CSS animation library for developers and ninjas. Unlike all the other complicated vendors, cssanimation.css is only 84kb with 300 animations, 165kb in the minified version with all prefix and only 10kb when compressed.
A library for CSS3 animations. The animations include regular CSS3 animations to be used in all settings. Additionally, the library includes a number of wicked animations, which aren’t applicable in all situations. They can be fun to play with.