CSS Animations
Find free CSS animation libraries like Animate.css and Magic.css. Create smooth transitions, hover effects, and keyframe animations for websites.
Animate.css
Just-add-water CSS animations
Best(opens in a new tab)
Magic Animations
Animations has been one of the most impressive animation libraries available
Best(opens in a new tab)
(opens in a new tab)
Zdog
Round, flat, designer-friendly pseudo-3D engine for canvas & SVG
AutoAnimate
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app.
Best(opens in a new tab)
(opens in a new tab)
Hover.css
Hover.css is a CSS animation library designed for use with buttons and other UI elements in your website
Animista
CSS Animations On Demand
Best(opens in a new tab)
(opens in a new tab)
Loading.io
Ajax Loader, Animated Icons, Live Background ... in GIF / SVG / APNG / CSS !
(opens in a new tab)
Whirl
CSS loading animations with minimal effort!
CSS Loaders & Spinners
This is a library having a collection of different types of CSS loaders, spinners, loading
Best(opens in a new tab)
(opens in a new tab)
Useanimations
Animated icons in Lottie Framework for immediate implementation to your apps or websites.
AnimXYZ
AnimXYZ helps you create, customize, and compose animations for your website. Built for Vue, React, SCSS, and CSS
Best(opens in a new tab)
(opens in a new tab)
Motion One
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
AOS
Animate On Scroll Library.
Best(opens in a new tab)
(opens in a new tab)
Animatopy
Just-add-water CSS animations snippets
(opens in a new tab)
Awesome-web-effect
A series of exquisite and compact web page cool effects
(opens in a new tab)
Getloaf - Tools
You can make animated icons/illustrations with this tool
(opens in a new tab)
Thoughtbot - learn
CSS Transitions and Transformations for Beginners