Complete, flexible, extensible and easy to use page transition library for your web. Looking for what's new in v2? Head over here.Still wanna check v1? Get it from npm with npm install swup@1.9.0 or check old docs here.
Animations in your web app should run at 60fps. Not always easy to achieve that, and it really depends on what you're trying to do, but I'm here to help. With FLIP.
As of this writing, the features discussed are in the latest stable versions of Firefox (75) and Safari (version 13.1, iOS 13.4). They are also in Edge and Chrome with the Experimental Web Platform Features flag enabled. Please view this article in a supported browser to see the live demos.
swup/swup: Complete, flexible, extensible and easy to use page transition library for your web.
Aerotwist - FLIP Your Animations
CSS + the Web Animations API
Handy CSS properties for easing functions
Animista
LottieFiles - Free animation files built for Lottie
Stick to Compositor-Only Properties and Manage Layer Count
A micro-animations library
8,800+ Animated Icons - Lordicon
Taxi.js - Routing
https://utilitybend.com/blog/animations-and-transitions-from-and-to-display-none-with-at-starting-st Animations and transitions from and to display none with @starting-style | utilitybend