17+ CSS Animation Libraries

An eye-catching compilation of free 17+ CSS animation libraries for adding soothing animations and effects, like transitions, transforms, and keyframe animations, into text, buttons, images, UI components, and web projects.

1. Fade

Author: Later
Source: Code / Demo
Created on: 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS(SCSS), CSS3

2. Catto-CSS

Author: Alejandro Avalos
Source: Code / Demo
Created on: 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

3. Dynamic.css

Author: Ustym Ukhman
Source: Code / Demo
Created on: 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

4. Animista

Author: Ana Travas.
Source: Code / Demo
Created on: 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

5. Vivify

<br /> See the Pen <a href="https://codepen.io/alvarotrigo/pen/YzYbdxV"><br /> Thumbnail to fullscreen page transition</a> by Álvaro (<a href="https://codepen.io/alvarotrigo">@alvarotrigo</a>)<br /> on <a href="https://codepen.io">CodePen</a>.<br /> Author: Martin Kníže
Source: Code / Demo
Created on: 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

6. AnimatiSS

Author: Frank Eno
Source: Code / Demo
Created on: FEBRUARY 03 , 2022
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

7. Woah

Author: Joe Rezendes
Source: Code / Demo
Created on: 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

8. Infinite

Author: Tilo Mitra
Source: Code / Demo
Created on: JANUARY 6, 2016
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

9. Hexa

Author: aouane mohamed amine
Source: Code / Demo
Created on: 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

10. Animatopy

Author: Sarthak Sharma
Source: Code / Demo
Created on: JANUARY 23, 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

11. Motion UI

Author: Zurb
Source: Code / Demo
Created on: 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

12. Mimic.CSS

Author: Eric Treacy
Source: Code / Demo
Created on: 2017
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

13. All Animation Css3

Author: clovis dasilvaneto
Source: Code / Demo
Created on: 2019
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

14. Magic Effects

Author: Christian Pucci
Source: Code / Demo
Created on: 2018
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

15. css animation

Author: Pavel
Source: Code / Demo
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript

16. Motion CSS

Author: Peter Pavliuk
Source: Code / Demo
Created on: 2015
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS

17. Hamburgers

Author: Jonathan Suh
Source: Code / Demo
Compatible browsers: Chrome, Firefox, Opera, Edge, Brave
Made with: HTML, CSS, JavaScript