In this post, we will share top CSS animations to build awesome animations for websites and applications.

Top CSS Animations

1. Animate.css

Just-add-water CSS animations.

Website link - https://animate.style/

2. Bounce.js

Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations.

Website link - http://bouncejs.com/

3. Anime.js

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects.

Website link - https://animejs.com/

4. Magic Animations

Animations have been one of the most impressive animation libraries available.

Website link - https://www.minimamente.com/project/magic/

5. Zdog

Round, flat, designer-friendly pseudo-3D engine for canvas & SVG.

Website link - https://zzz.dog/

6. CSShake

CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page.

Website link - http://elrumordelaluz.github.io/csshake/

7. Hover.css

Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website.

Website link - http://ianlunn.github.io/Hover/

8. AniJS

AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure.

Website link - http://anijs.github.io/

9. Animista

CSS Animations On Demand.

Website link - https://animista.net/

10. Tachyons-animate

Tachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need.

Website link - https://github.com/anater/tachyons-animate

11. Sequence.js

Sequence.js is a JavaScript library that provides a responsive CSS framework for creating unique sliders, presentations, banners, and other step-based applications.

Website link - https://www.sequencejs.com/

12. Infinite

These animations, like rotations and pulses, that are specifically designed to run and repeat forever.

Website link - https://tilomitra.github.io/infinite/

13. OBNOXIOUS.CSS

Animations for the strong of heart, and weak of mind.

Website link - https://tholman.com/obnoxious/

14. MOTION UI

A Sass library for creating flexible CSS transitions and animations.

Website link - https://zurb.com/playground/motion-ui

15. Keyframes.app

A graphical user interface for generating custom CSS keyframe animations.

Website link - https://keyframes.app/

16. thoughtbot

CSS Transitions and Transformations for Beginners.

Website link - https://thoughtbot.com/blog/transitions-and-transforms