🌐
Animista
animista.net
Animista - On-Demand CSS Animations Library
Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.
🌐
Web Code Tools
webcode.tools › css generator › keyframe animation
Animations CSS Generator | Web Code Tools
Our CSS Animation Generator is the perfect tool for web developers and designers! You can build the perfect animation for your project, choosing from a wide variety of predefined animations or customizing any of them through user-friendly options. Tailor properties like name, duration, timing, ...
🌐
Elementor
elementor.com › home › css animation generator
CSS Animation Generator
September 9, 2025 - Effortlessly add CSS animations to your Elementor website with our intuitive CSS Animation Generator. Customize duration, delay, and more to create captivating dynamic designs in 3 simple steps.
🌐
Poodware
rrih.github.io › tools › animation-generator
CSS Animation Generator | Poodware
Whether you're building interactive web interfaces, adding micro-interactions, or creating engaging visual effects, this tool provides all the controls you need to craft perfect animations without writing code manually. Built with performance in mind, the generator creates optimized CSS animations that work seamlessly across all modern browsers.
🌐
Tailwind CSS Animated
tailwindcss-animated.com
Tailwind CSS Animated
Quickly need some animations to spice up your application? Simply use some of the premade animations with different levels of complexity. You can still apply all of the available CSS properties to make it fit into your project perfectly.
🌐
CSS Loaders
css-loaders.com
CSS Loaders: A collection of more than 600 loading animations
The biggest collection of CSS-only loaders. More than 600 loading animations made by Temani Afif using a single element.
🌐
Prismic
prismic.io › blog › css-animation-examples
39 Awesome CSS Animation Examples with Demos + Code
December 27, 2024 - Gradiently’s CSS animations generator provides over 600 animation effects, offering endless possibilities to bring your web elements to life.
Find elsewhere
🌐
Animate.css
animate.style
Animate.css | A cross-browser library of CSS animations.
Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
🌐
Toptal
toptal.com › developers › css3maker › css3-animation
CSS3 Animation Code Generator | Toptal®
Quickly generate and copy code for CSS3 Animations with our free online tool. Get started now.
🌐
Microapp
microapp.io › css-animation-generator
Microapp: CSS Animation Generator
Create stunning CSS animations with ease using the CSS Animation Generator app. Perfect for web designers and developers.
🌐
Jitter
jitter.video
Jitter · A fast and simple motion design tool on the web
Jitter is a collaborative motion design tool that lets you create professional animations in minutes, no matter your experience with motion.
🌐
HexaTools
thehexatools.com › tools › css-animation-generator
CSS Animation Generator - Hexa Tools
Create and customize CSS animations with keyframes and transitions with live preview.
🌐
SVGator
svgator.com
SVGator: Free Animation Maker Online
SVG Animation · CSS / Javascript · Interactive SVG · Click / Hover / Programmatic · Lottie Animation · JSON / Optimized JSON · React Native Animation · SVG with webview component · Flutter Animation · SVG with webview component · Raster Animations ·
🌐
Easings
easings.net
Easing Functions Cheat Sheet
In CSS, the transition and animation properties allow you to specify an easing function.
🌐
W3Schools
w3schools.com › css › css3_animations.asp
CSS Animations
CSS allows animation of HTML elements without using JavaScript!
🌐
Wweb
wweb.dev › resources › animated-css-background-generator
Animated CSS Background Generator | wweb.dev
With this tool you can quickly create and customize animated CSS backgrounds for your website. It includes a total of three different pure CSS animated backgrounds.
🌐
Gradienty
gradienty.codes › animations
CSS Animation Generator | Create Beautiful CSS Animations Online | Gradienty
Design and generate custom CSS animations for your website with our free online tool
🌐
AngryTools
angrytools.com › css › animation
CSS Animation Kit
Angrytools - CSS Animation Kit provide pure css and html based animation. check animation demo learn with samples. use animation generator for custom animation. create your own custom doodle animation
🌐
Abhikesh
abhikesh.com › tools › css-animation-generator
CSS Animation Generator: Create & Test Keyframe Animations
Abhikesh Kumar Giri is a Full Stack Developer and UI/UX Specialist with expertise in front-end and back-end web development. Passionate about crafting responsive, user-friendly, and high-performance digital experiences.