50+ CSS Animation Libraries - Free Code + Demos

Collection of 50+ CSS Animation Libraries. All items are 100% free and open-source.

1. Izmir Hover Effects

Izmir - An image hover mini CSS library
Created on: November 1, 2019

2. Css Wand

CSS Animation Libraries - Css Wand
🎨✨ Hover your wand and use your magic spell to copy beautiful css
Created on: May 12, 2019

3. Catto Css

Library of CSS animations easy and quick to use
Created on: January 3, 2020

4. Animatopy

🎩 Just-add-water simple CSS animations snippets
Created on: January 21, 2019

5. Vovcss

📱💻A CSS Library for small but useful animations💻📱
Created on: May 18, 2019

6. Animation Library SCSS / CSS3

CSS Animation Libraries - Animation Library SCSS / CSS3
Pure CSS Animation Library
Created on: June 22, 2018

7. Woah CSS

CSS Animation Libraries - Woah CSS
CSS Animation Library for eccentrics
Created on: March 2, 2018

8. Micron JS

a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power
Created on: January 21, 2018

11. CSS Animation IO

CSS Animation Libraries - CSS Animation IO
CSS Animation Library for Developers and Ninjas
Created on: April 29, 2017

12. Vivify

Vivify is free CSS animation library.
Created on: August 26, 2017

13. Tachyons Animate

Single purpose classes to help you orchestrate CSS animations
Created on: July 31, 2017

14. Obnoxious CSS

CSS Animation Libraries - Obnoxious CSS
Animations for the strong of heart, and stupid of mind.
Created on: April 25, 2017

15. Infinite CSS

A small set of useful infinite CSS animations that you can drop into your project.
Created on: January 5, 2016

16. Repaintless CSS - Making Animations Fast

CSS Animation Libraries - Repaintless CSS - Making Animations Fast
Library for fast CSS Animations
Created on: February 18, 2016

17. Wicked CSS

CSS Animation Libraries - Wicked CSS
A library for CSS3 animations. The animations are more vibrant than most simple animations.
Created on: July 20, 2015

18. Motion Ui

💎 The powerful Sass library for creating CSS transitions and animations
Created on: March 19, 2015

19. Tuesday CSS

CSS Animation Libraries - Tuesday CSS
A quirky CSS Animation Library by Shakr
Created on: January 6, 2015

21. Bounce.js

Create beautiful CSS3 powered animations in no time.
Created on: April 10, 2014

22. Ani.js

CSS Animation Libraries - Ani.js
A Library to Raise your Web Design without Coding.
Created on: April 23, 2014

23. CSShake

CSS Animation Libraries - CSShake
CSS classes to move your DOM!
Created on: February 25, 2014

25. All Animation CSS3

All Animation.css é um conjunto de animações, divertidas para deixar seu projeto mais sexy. São animações cross-browser que darão mas ênfase a suas páginas como controles deslizantes, efeitos 3D’s..
Created on: January 19, 2014

26. Animate CSS

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Created on: October 12, 2011

27. Hover

CSS Animation Libraries - Hover
a jQuery plugin to add sparkles to anything on hover
Created on: January 15, 2017

28. Magic Animations CSS 3

CSS3 Animations with special effects
Created on: June 12, 2013

29. Effeckt CSS

This repo is archived. Thanks!
Created on: July 2, 2013

30. CSS Animation Libraries

CSS Animation Libraries - CSS animation libraries
Demo-ing different CSS libraries
Author: Andrew (acrenwelge)
Created on: March 28, 2017
Made with: HTML, SCSS, JS
Tags: animation, css

31. Magic Animations

CSS Animation Libraries - Magic Animations
Author: Chris Coyier (chriscoyier)
Created on: July 12, 2019
Made with: HTML, SCSS, JS

32. Popmotion - Simple Animation Libraries For Delightful User Interfaces

Simple animation libraries for delightful user interfaces
Created on: August 17, 2014

33. Motion UI

💎 The powerful Sass library for creating CSS transitions and animations
Created on: March 19, 2015

34. Animated 3d Social Icon In Css3

CSS Animation Libraries - Animated 3d social icon in css3
Made with: HTML
Tags: 4.1.1, social

35. Hamburger Icon Animations

CSS Animation Libraries - Hamburger Icon Animations
Made with: HTML, CSS, JS
Tags: 4.1.1, jQuery, animation

36. SVG Interaction (Menu To Left Arrow)

CSS Animation Libraries - SVG Interaction (Menu To Left Arrow)
Menu to left arrow interaction using SVG and CSS animations
Author: ⚡️Vikram⚡️ (vikramcodes)
Created on: July 8, 2020
Made with: HTML, CSS
Tags: svg, css-animations, interaction, animation, svg-animation

37. CSSShake

CSS Animation Libraries - CSSShake
Author: Chris Coyier (chriscoyier)
Created on: July 12, 2019
Made with: HTML, CSS

38. CSS Clip-Path Hover Effect

CSS Animation Libraries - CSS Clip-Path Hover Effect
Created for the Image Hovers CodePen Challenge.
Author: Ryan Mulligan (hexagoncircle)
Created on: April 24, 2020
Made with: Pug, CSS
CSS Pre-processor: None
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: clip-path, css-animation, mix-blend-mode, codepenchallenge, cpc-image-hovers

39. Animate.sass

Sass and Compass CSS animation library based on Animate.css
Created on: November 28, 2011

40. Pretty-checkbox.css

A pure CSS library to beautify checkbox and radio buttons.
Created on: July 14, 2016

41. Motus CSS

Animation library that mimics CSS keyframes when scrolling.
Created on: May 22, 2018

42. CSS Animation Event

Cross browser library for handling CSS animation and transition DOM events with a fallback pattern for unsupported browsers.
Created on: May 18, 2013