Skip to content
CSS Animations category icon

CSS Animations

Find CSS animation libraries like Animate.css, Hover.css, and Magic.css. Create smooth transitions, hover effects, and keyframe animations for engaging web experiences.

Animate.css preview
Best

Animate.css

Just-add-water CSS animations

(opens in a new tab)
Magic Animations preview
Best

Magic Animations

Animations has been one of the most impressive animation libraries available

(opens in a new tab)
Zdog preview

Zdog

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

(opens in a new tab)
AutoAnimate preview
Best

AutoAnimate

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app.

(opens in a new tab)
Hover.css preview

Hover.css

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

(opens in a new tab)
Animista preview
Best

Animista

CSS Animations On Demand

(opens in a new tab)
Loading.io preview

Loading.io

Ajax Loader, Animated Icons, Live Background ... in GIF / SVG / APNG / CSS !

(opens in a new tab)
Whirl preview

Whirl

CSS loading animations with minimal effort!

(opens in a new tab)
CSS Loaders & Spinners preview
Best

CSS Loaders & Spinners

This is a library having a collection of different types of CSS loaders, spinners, loading

(opens in a new tab)
Useanimations preview

Useanimations

Animated icons in Lottie Framework for immediate implementation to your apps or websites.

(opens in a new tab)
AnimXYZ preview
Best

AnimXYZ

AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS

(opens in a new tab)
Motion One preview

Motion One

A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

(opens in a new tab)
AOS preview
Best

AOS

Animate On Scroll Library.

(opens in a new tab)
Animatopy preview

Animatopy

Just-add-water CSS animations snippets

(opens in a new tab)
Awesome-web-effect preview

Awesome-web-effect

A series of exquisite and compact web page cool effects

(opens in a new tab)
Getloaf - Tools preview

Getloaf - Tools

You can make animated icons/illustrations with this tool

(opens in a new tab)
Thoughtbot - learn preview

Thoughtbot - learn

CSS Transitions and Transformations for Beginners

(opens in a new tab)