JS Animations
CSS Animations
Micro Animations
- https://www.sitepoint.com/button-micro-interactions/
- https://loading.io/icon/ - customize animated svg icons into GIF / SVG / APNG from loading.io's icon collection.
Loading Animations
Hover Animations
- http://ianlunn.github.io/Hover/ - All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours.
Generic Animations
- MagicCSS
- https://animista.net - online tool to create the animations directly on the browser, very cool!
- https://animate.style
- https://tholman.com/obnoxious/ - Animations for the strong of heart, and weak of mind.
- Woah.css - Animations for eccentric developers
- wickedCSS
- https://cssanimation.io
- ReboundGen - REBOUNDGEN calculates springy CSS3 Keyframe animations based on a few simple parameters you define. It uses Facebook's Rebound.js for the math and outputs SCSS style sheets for each animation. So, you can import just the ones you need. A variety of nice animations can be accomplished using a small set of parameters.
- Tuesday - A quirky CSS Animation Library
- AllAnimations
See more from
renews