Accelerated JavaScript animation. http://VelocityJS.org
WhatsApp, Tumblr, Windows, Samsung, Uber, and thousands of other companies rely on Velocity. Visit Libscore.com to see which sites use Velocity on their homepage.
React Plugin
Announcement: https://fabric.io/blog/introducing-the-velocityreact-library
Repo: https://github.com/twitter-fabric/velocity-react
NPM: https://www.npmjs.com/package/velocity-react
Announcement: https://fabric.io/blog/introducing-the-velocityreact-library
Repo: https://github.com/twitter-fabric/velocity-react
NPM: https://www.npmjs.com/package/velocity-react
Quickstart
Velocity (CDN):
Velocity UI pack (CDN):
Package managers:
Velocity (CDN):
<script src="//cdn.jsdelivr.net/velocity/1.2.3/velocity.min.js"></script>
Velocity UI pack (CDN):
<script src="//cdn.jsdelivr.net/velocity/1.2.3/velocity.ui.min.js"></script>
Package managers:
npm install velocity-animate
/ bower install velocity
Updates
- 1.2.0: Custom tweens. Custom easings. "Finish" command. See commit log for more.
- 1.0.0: File name changed to
velocity.js
. Read VelocityJS.org/#dependencies. - 0.1.0:
stop
now stops animations immediately (instead of only clearing the remainder of the animation queue). No other backwards-incompatible changes were made.
Learn
- Motion design: smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js
- Animating without jQuery: smashingmagazine.com/2014/09/04/animating-without-jquery
- Performance comparisons: davidwalsh.name/css-js-animation
- Workflow: css-tricks.com/improving-ui-animation-workflow-velocity-js
Comparisons
- CSS transitions are meant for simple interface flourishes.
- jQuery's $.animate() is slow and poorly-equipped for motion design.
- Velocity is a fast, feature-rich standalone alternative to jQuery's $.animate().
from https://github.com/julianshapiro/velocity