Velocity 1.2.3
Docs
VelocityJS.org
News
You can order the Velocity book on Amazon!
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
Quickstart
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
Questions or Problems?
Ask on StackOverflow (make sure you add the velocity.js
and javascript
tags).
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().
====
MIT License. © Julian Shapiro (http://twitter.com/shapiro). Stripe sponsors Velocity's development. BrowserStack provides testing services.