Post thumbnail: 27 CSS Animation Libraries

27 CSS Animation Libraries

Collection of hand-picked free CSS animation libraries. Update of May 2018 collection. 2 new items.

Related Articles

  1. CSS Animation Examples
  2. CSS Page Transitions

Author

  • Later

About the library

Animation Library - SCSS/CSS3

Pure CSS animation library. Simply add CSS or SCSS files to your project. Apply animation class to animate an element.

Author

  • Joe Rezendes

About the library

Woah.css

CSS animation library for eccentric web developers.

Author

  • Webkul

About the library

Micron.JS

Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using HTML5 data attributes or a chain of JavaScript methods.

Author

  • Ana Travas

About the library

Animista

Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.

Author

  • Eric Treacy

About the library

Mimic.css

Mimic.css is an CSS animations library because everyone else is doing it.

Author

  • Pavel

About the library

cssanimation.io

In modern web concept, cssanimation.io is the best controlling animation library for CSS and GreenSock, Moving forward with this library, you need to have a basic idea on HTML and CSS3.

Demo image: Hexa - Awesome CSS Animation Library

Author

  • aouane mohamed amine

About the library

Hexa

An impressive CSS animation library. Give life to your text, photos and anything with just put a magical class.

Author

  • Martin Kníže

About the library

Vivify

Vivify is free CSS animation library.

Author

  • Andrew Nater

About the library

'tachyons-animate'

Single purpose classes to help you orchestrate CSS animations.

Author

  • Tim Holman

About the library

Obnoxious.CSS

Obnoxious CSS is an animation set for the strong of heart, but weak of mind.

Demo image: Infinite - Useful CSS Animations

Author

  • Tilo

About the library

Infinite

A small set of useful infinite CSS animations that you can drop into your project.

Author

  • Anna Migas

About the library

Repaintless.css - Making Animations Fast

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.

Demo Image: Dynamic.css

Author

  • Ustym

About the library

Dynamic.css

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.

Author

  • Kristoffer Andreasen

About the library

wickedCSS

A library for CSS3 animations. The animations are more vibrant than most simple animations.

Author

  • zurb

About the library

Motion UI

The powerful Sass library for creating CSS transitions and animations.

Author

  • Shakr

About the library

Tuesday

A quirky CSS animation library.

Author

  • Brent Jackson

About the library

VHS

Post-future CSS animations.

Author

  • Peter Pavliuk

About the library

Motion 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.

Author

  • Tictail

About the library

Bounce.js

Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you can use the Bounce.js library.

Author

  • anijs

About the library

AniJS

A library to raise your web design without coding. Around 9.0kb after gzipping. There is no need for third party libraries.

Author

  • Lionel

About the library

CSShake

CSS classes to move your DOM!

Demo image: DynCSS

Author

  • Vittorio Zaccaria

About the library

DynCSS

Simple, dynamic CSS rules to give life to your sites.

Author

  • all-animation

About the library

All Animation CSS3

The all animation is a framework CSS3 created focusing on 3D's animations and cross browsers. Recently released an update of all animation, which were inserted several animated components made in small lines of CSS3/Stylus.

Author

  • Daniel Eden

About the library

Animate.css

A cross-browser library of CSS animations. As easy to use as an easy thing.

Author

  • Ian Lunn

About the library

Hover

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.

Author

  • Christian

About the library

Magic Animations CSS3

CSS3 animations with special effects.

Demo Image: Effeckt CSS

Author

  • H5BP

About the library

Effeckt.css

A performant transitions and animations library.

back to top