What is this?
A fast, feature-rich JavaScript animation engine for web pages: it animates UI elements with better performance than jQuery's $.animate(), and companies like WhatsApp and Uber rely on it.
A fast, feature-rich JavaScript animation engine for web pages: it animates UI elements with better performance than jQuery's $.animate(), and companies like WhatsApp and Uber rely on it.Is this a jQuery plugin or a standalone library?A standalone library, not a plugin. If jQuery or Zepto is on the page it adds a .velocity() chained method, but it must load after them; for anything loaded later there is Velocity.patch().
A standalone library, not a plugin. If jQuery or Zepto is on the page it adds a .velocity() chained method, but it must load after them; for anything loaded later there is Velocity.patch().How do I add it to my project?Install with 'npm install velocity-animate@beta', or drop in a script from a CDN - JSDelivr can serve the latest release while CloudFlare needs a pinned version. A separate UI pack is also available via CDN.
Install with 'npm install velocity-animate@beta', or drop in a script from a CDN - JSDelivr can serve the latest release while CloudFlare needs a pinned version. A separate UI pack is also available via CDN.The npm install says beta but the docs site talks about V1 - which version am I actually getting?You get the 2.0 beta, a complete TypeScript refactoring, while velocityjs.org still documents V1 - for V2 you have to rely on the project wiki instead of the main docs site.
You get the 2.0 beta, a complete TypeScript refactoring, while velocityjs.org still documents V1 - for V2 you have to rely on the project wiki instead of the main docs site.Why use it instead of CSS transitions or jQuery's animate?Per the README, CSS transitions are meant for simple interface flourishes, jQuery's $.animate() is slow and poorly-equipped for motion design, and Velocity is the fast, feature-rich alternative.
Per the README, CSS transitions are meant for simple interface flourishes, jQuery's $.animate() is slow and poorly-equipped for motion design, and Velocity is the fast, feature-rich alternative.What can it animate, feature-wise?Changelog highlights: pause/resume per element or globally, custom easings and tweens, color animation including color names and rgba values, unit conversions, and stop/finish commands.
Changelog highlights: pause/resume per element or globally, custom easings and tweens, color animation including color names and rgba values, unit conversions, and stop/finish commands.Who uses Velocity in production?WhatsApp, Tumblr, Windows, Samsung, Uber and thousands of other companies, per the README; Libscore.com shows which sites load it on their homepage.
WhatsApp, Tumblr, Windows, Samsung, Uber and thousands of other companies, per the README; Libscore.com shows which sites load it on their homepage.Is there a version for React?Yes - the README announces a React plugin, separate from the core velocity-animate package.
Yes - the README announces a React plugin, separate from the core velocity-animate package.Which topics is it in?motion, jquery, dom, javascript-library, animation, css, browser, ui, web-development, performance, react, free
motion, jquery, dom, javascript-library, animation, css, browser, ui, web-development, performance, react, free