VelocityJs is an animation engine with the identical API as jQuery's $.animate(). It really works with and without jQuery. It is extremely quick, and it options shade animation, transforms, loops, easings, SVG help, and scrolling. It's the better of jQuery and CSS transitions mixed.
Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.velocity(). You will immediately see a performance boost across all browsers and devices — especially on mobile.
VelocityJs works everywhere — back to IE8 and Android 2.3. Under the hood, it mimics jQuery's $.queue(), and thus interoperates seamlessly with jQuery's $.animate(), $.fade(), and $.delay(). Since Velocity's syntax is identical to $.animate(), your code doesn't need to change.
Velocity (CDN, choose one of them):
<script src="//cdn.jsdelivr.net/npm/[email protected]/velocity.min.js"></script>
Velocity UI pack (CDN, choose one of them):
<script src="//cdn.jsdelivr.net/npm/[email protected]/velocity.ui.min.js"></script>
Please note that JSDelivr can automatically supply the latest release, while CloudFlare needs to ask for a specific version.
If using the .velocity(...) chained function in libraries such as jQuery or Zepto you need to ensure that Velocity is loaded after them. If you wish to add it to anything loaded afterward then look at the Velocity.patch() method.