VelocityJS – Super Featured JavaScript Library for DOM animation.

Have you used Velocity.js for your animation projects?

Velocity is JavaScript library designed to simplify the client-side scripting of website animation. It is free, open-source software and most popular open source web animation engine.

It is designed to make it easier for create complex animations for SVG and HTML elements

Velocity lets you to animate:
– Fade and slide animations.
– SVG properties
– Scroll events, both relative to the page or  to a container element inside the page
– Numeric values of CSS animatable properties, including colors
– Transforms

Options of VelocityJS
It gives you flexibility in your animations.
Loop: how many times the animation should be repeated.
Delay: how long to wait before the start of an animation.
Duration: how long each animation lasts.
Easing: Velocity supports most jQuery UI easing types, bezier curves, step easing, CSS3 easings, i.e., “ease”, “ease-in”, “ease-out”, and “ease-in-out”.

Velocity is used of many notable websites, including those of Samsung, WhatsApp, Mazda, Microsoft Windows and Uber.

We will share with you examples of web animation that are made possible through the expressiveness and speed of Velocity:

HUD Demo
Virtual world Demo
3D Demo

These are some links where you can learn more about Velocity.JS:
Codepen The Official Collection
Improving UI Animation Workflow with Velocity.JS

Cheers!



Share with your friends