Animation
Animista
Preview and customize CSS animation styles, then take the generated keyframes into your project.
animista.net THE WEB, WELL BOOKMARKED
Fill your creative toolkit.
98 references, libraries and tools for designing, building and testing the web.
10 resources · External links open in a new tab. Some services require an account or paid plan.
Animation
Animate.css
A CSS animation library with named effects and documentation for controlled use in interfaces.
animate.styleAnimation
CSS Loaders
A collection of CSS loading effects organized by visual pattern, with code examples.
css-loaders.comAnimation
Loading.io
Tools and assets for generating loading animations; available formats and licensing vary by asset.
loading.ioAnimation
Easings
An illustrated reference to easing curves for choosing the character of a transition.
easings.netAnimation
Cubic Bézier
An interactive timing-curve editor for testing and copying CSS cubic-bezier values.
cubic-bezier.comAnimation
Motion
Animation tooling and documentation for JavaScript and React interfaces.
motion.devAnimation
GSAP
Tools and documentation for building coordinated animation sequences and scroll interactions.
gsap.comAnimation
Anime.js
A JavaScript animation engine with documentation for animating interfaces and SVG artwork.
animejs.comAnimation
AnimXYZ
Compose CSS animations with reusable utilities and custom properties, with examples for HTML and frontend frameworks.
animxyz.com