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
Links: Github Page, Home Page
Created on: November 1, 2019
2. Css Wand
🎨✨ Hover your wand and use your magic spell to copy beautiful css
Links: Github Page, Home Page
Created on: May 12, 2019
3. Catto Css
Library of CSS animations easy and quick to use
Links: Github Page, Home Page
Created on: January 3, 2020
4. Animatopy
🎩 Just-add-water simple CSS animations snippets
Links: Github Page, Home Page
Created on: January 21, 2019
5. Vovcss
📱💻A CSS Library for small but useful animations💻📱
Links: Github Page, Home Page
Created on: May 18, 2019
6. Animation Library SCSS / CSS3
Pure CSS Animation Library
Links: Home Page, Github Page
Created on: June 22, 2018
7. Woah CSS
CSS Animation Library for eccentrics
Links: Home Page, Github Page
Created on: March 2, 2018
8. Micron JS
a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power
Links: Home Page, Github Page
Created on: January 21, 2018
9. Animista
Links: Home Page
10. Mimic CSS
Everyone else is doing it.
Links: Home Page, Github Page
Created on: August 1, 2017
11. CSS Animation IO
CSS Animation Library for Developers and Ninjas
Links: Home Page, Github Page
Created on: April 29, 2017
12. Vivify
Vivify is free CSS animation library.
Links: Home Page, Github Page
Created on: August 26, 2017
13. Tachyons Animate
Single purpose classes to help you orchestrate CSS animations
Links: Github Page
Created on: July 31, 2017
14. Obnoxious CSS
Animations for the strong of heart, and stupid of mind.
Links: Home Page, Github Page
Created on: April 25, 2017
15. Infinite CSS
A small set of useful infinite CSS animations that you can drop into your project.
Links: Home Page, Github Page
Created on: January 5, 2016
16. Repaintless CSS - Making Animations Fast
Library for fast CSS Animations
Links: Home Page, Github Page
Created on: February 18, 2016
17. Wicked CSS
A library for CSS3 animations. The animations are more vibrant than most simple animations.
Links: Home Page, Github Page
Created on: July 20, 2015
18. Motion Ui
💎 The powerful Sass library for creating CSS transitions and animations
Links: Home Page, Github Page
Created on: March 19, 2015
19. Tuesday CSS
A quirky CSS Animation Library by Shakr
Links: Home Page, Github Page
Created on: January 6, 2015
20. VHS
Post-Future CSS Animations
Links: Home Page, Github Page
Created on: March 4, 2015
21. Bounce.js
Create beautiful CSS3 powered animations in no time.
Links: Home Page, Github Page
Created on: April 10, 2014
22. Ani.js
A Library to Raise your Web Design without Coding.
Links: Home Page, Github Page
Created on: April 23, 2014
23. CSShake
CSS classes to move your DOM!
Links: Home Page, Github Page
Created on: February 25, 2014
24. DynCSS
Dynamic CSS Rules
Links: Home Page, Github Page
Created on: April 24, 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..
Links: Home Page, Github Page
Created on: January 19, 2014
26. Animate CSS
🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
Links: Home Page, Github Page
Created on: October 12, 2011
27. Hover
a jQuery plugin to add sparkles to anything on hover
Links: Home Page, Github Page
Created on: January 15, 2017
28. Magic Animations CSS 3
CSS3 Animations with special effects
Links: Home Page, Github Page
Created on: June 12, 2013
29. Effeckt CSS
This repo is archived. Thanks!
Links: Home Page, Github Page
Created on: July 2, 2013
30. CSS Animation Libraries
Demo-ing different CSS libraries
Author: Andrew (acrenwelge)
Links: Source Code / Demo
Created on: March 28, 2017
Made with: HTML, SCSS, JS
Tags: animation, css
31. Magic Animations
Author: Chris Coyier (chriscoyier)
Links: Source Code / Demo
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
Links: Source Code / Demo
Created on: August 17, 2014
33. Motion UI
💎 The powerful Sass library for creating CSS transitions and animations
Links: Source Code / Demo
Created on: March 19, 2015
34. Animated 3d Social Icon In Css3
Links: Source Code / Demo
Made with: HTML
Tags: 4.1.1, social
35. Hamburger Icon Animations
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 4.1.1, jQuery, animation
36. SVG Interaction (Menu To Left Arrow)
Menu to left arrow interaction using SVG and CSS animations
Author: ⚡️Vikram⚡️ (vikramcodes)
Links: Source Code / Demo
Created on: July 8, 2020
Made with: HTML, CSS
Tags: svg, css-animations, interaction, animation, svg-animation
37. CSSShake
Author: Chris Coyier (chriscoyier)
Links: Source Code / Demo
Created on: July 12, 2019
Made with: HTML, CSS
38. CSS Clip-Path Hover Effect
Created for the Image Hovers CodePen Challenge.
Author: Ryan Mulligan (hexagoncircle)
Links: Source Code / Demo
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
Links: Source Code / Demo
Created on: November 28, 2011
40. Pretty-checkbox.css
A pure CSS library to beautify checkbox and radio buttons.
Links: Source Code / Demo
Created on: July 14, 2016
41. Motus CSS
Animation library that mimics CSS keyframes when scrolling.
Links: Source Code / Demo
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.
Links: Source Code / Demo
Created on: May 18, 2013
More Awesome Lists:
Share: