by CSS animations are a powerful tool that can help you make your website or web application more user friendly or engaging for your audience. In this blog post, we’ll list explore libraries and code which can help make CSS animation a breeze. This list is updated regularly. Email over the URL, if you wish to be included.
CSS Animations
CSS animations to build awesome animations for websites and applications
| Website | Description |
|---|---|
| Animate.css | Just-add-water CSS animations |
| Bounce.js | Bounce.js is a tool and JS library that lets you create beautiful CSS3 powered animations |
| 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 |
| Magic Animations | Animations has been one of the most impressive animation libraries available |
| Zdog | Round, flat, designer-friendly pseudo-3D engine for canvas & SVG |
| CSShake | CSShake delivers exactly what it says on the box — a CSS library designed specifically for shaking elements within your web page |
| Hover.css | Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website |
| AniJS | AniJS is an animation library that allows you to add animations to elements in a simple ‘sentence-like’ structure |
| Animista | CSS Animations On Demand |
| 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 |
| 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 |
| Infinite | These animations, like rotations and pulses, that are specifically designed to run and repeat forever |
| OBNOXIOUS.CSS | Animations for the strong of heart, and weak of mind |
| MOTION UI | A Sass library for creating flexible CSS transitions and animations |
| Keyframes.app | A graphical user interface for generating custom CSS keyframe animations |
| thoughtbot | CSS Transitions and Transformations for Beginners |
| SVG Artista | A useful tool to animate stroke and fill properties in SVG images with plain CSS code |
| AnimXYZ | AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS |
| Whirl | CSS loading animations with minimal effort! |
| Hamburgers | Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. |
| CSS Loaders & Spinners | This is a library having a collection of different types of CSS loaders, spinners |
| Motion One | A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance. |
| pocoloco | Generate dynamic backgrounds for your website |
| AniX | Super easy and lightweight css animation library. |
| AOS | Animate On Scroll Library. |
| Animatopy | Just-add-water CSS animations snippets |
