CSS Animations
Find free CSS animation libraries like Animate.css and Magic.css. Create smooth transitions, hover effects, and keyframe animations for websites.
✦(opens in a new tab)animate.style
Animate.css
Just-add-water CSS animations
✦(opens in a new tab)minimamente.com/project/magic
Magic Animations
Animations has been one of the most impressive animation libraries available
(opens in a new tab)zzz.dog
Zdog
Round, flat, designer-friendly pseudo-3D engine for canvas & SVG
✦(opens in a new tab)auto-animate.formkit.com
AutoAnimate
AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app.
(opens in a new tab)ianlunn.github.io/Hover
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.net
Animista
CSS Animations On Demand
(opens in a new tab)loading.io
Loading.io
Ajax Loader, Animated Icons, Live Background ... in GIF / SVG / APNG / CSS !
(opens in a new tab)whirl.netlify.app
Whirl
CSS loading animations with minimal effort!
✦(opens in a new tab)cssloaders.github.io
CSS Loaders & Spinners
This is a library having a collection of different types of CSS loaders, spinners, loading
(opens in a new tab)useanimations.com
Useanimations
Animated icons in Lottie Framework for immediate implementation to your apps or websites.
✦(opens in a new tab)animxyz.com
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.dev
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)michalsnik.github.io/aos
AOS
Animate On Scroll Library.
(opens in a new tab)sarthology.github.io/Animatopy
Animatopy
Just-add-water CSS animations snippets
(opens in a new tab)github.com/lindelof/awesome-web-effect
Awesome-web-effect
A series of exquisite and compact web page cool effects
(opens in a new tab)getloaf.io
Getloaf - Tools
You can make animated icons/illustrations with this tool
(opens in a new tab)thoughtbot.com/blog/transitions-and-transforms
Thoughtbot - learn
CSS Transitions and Transformations for Beginners
(opens in a new tab)rombo.co/tailwind
Tailwind CSS Motion
A simple, yet powerful, Tailwind CSS animation plugin with a simple syntax.
(opens in a new tab)epic-spinners.epicmax.co
Epic Spinners
An easy to use css spinners collection with Vue.js integration.
(opens in a new tab)idev-games.github.io/Trig-JS
Trig.js
Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data.
(opens in a new tab)waitanimate.wstone.uk
WAIT! Animate
Calculates updated keyframe percentages to insert a delay between each animation iteration using pure CSS.
Related Categories

CSS Frameworks
Explore popular modern CSS frameworks like Tailwind CSS and Bootstrap. Build responsive, mobile-first websites faster with these free UI frameworks.

CSS Libraries & Tools
Discover essential CSS utility libraries, preprocessors, and development tools. Find PostCSS plugins and CSS-in-JS solutions for modern web dev.

Javascript Animation Libraries
Explore top JavaScript animation libraries like GSAP, Framer Motion, and Lottie. Build stunning web animations and interactive UI experiences.

Charts
Discover free JavaScript charting libraries like Chart.js and D3.js. Create interactive data visualizations, graphs, and dashboards for web apps.