Popularity

8.8

Stable

Activity

0.0

Stable

Stars 17,272

Watchers 403

Forks 1,564

Last Commit over 3 years ago

Description

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.

Code Quality Rank: L1

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: Animations Engine UI Node JavaScript jQuery Animate Template Velocity Animation velocityjs velocity.js

Latest version: v2.0.6

velocity alternatives and similar libraries

Based on the "Animations" category.
Alternatively, view velocity alternatives based on common mentions on social networks and blogs.

animate.css

9.9 3.8 velocity VS animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
anime.js

9.8 6.4 L3 velocity VS anime.js

JavaScript animation engine

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

Promo surveyjs.io

particles.js

9.5 0.0 velocity VS particles.js

A lightweight JavaScript library for creating particles
GreenSock-JS

8.9 4.7 L1 velocity VS GreenSock-JS

GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
Mo.js

8.8 8.7 velocity VS Mo.js

The motion graphics toolbelt for the web
Effeckt.css

8.4 0.0 velocity VS Effeckt.css

A Performant Transitions and Animations Library
barbajs

7.8 8.3 velocity VS barbajs

Create badass, fluid and smooth transitions between your website’s pages
AutoAnimate

7.7 7.3 velocity VS AutoAnimate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
jquery.transit

7.2 0.0 L2 velocity VS jquery.transit

Super-smooth CSS3 transformations and transitions for jQuery
Dynamic.js

7.0 0.0 velocity VS Dynamic.js

Javascript library to create physics-based animations
tsParticles

6.9 9.6 velocity VS tsParticles

tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
bounce.js

6.7 0.0 velocity VS bounce.js

Create beautiful CSS3 powered animations in no time.
move.js

6.3 0.0 L4 velocity VS move.js

CSS3 backed JavaScript animation framework
smoothState.js

6.1 0.0 velocity VS smoothState.js

Unobtrusive page transitions with jQuery.
textillate

6.0 0.0 L5 velocity VS textillate

A jquery plugin for CSS3 text animations.
animatable

5.4 0.0 velocity VS animatable

One property, two values, endless possiblities
Vizzu

4.1 9.9 velocity VS Vizzu

Library for animated data visualizations and data stories.
typicaljs

3.8 0.0 velocity VS typicaljs

Animated typing in ~400 bytes 🐡 of JavaScript
Odoo

3.1 0.0 L5 velocity VS Odoo

Javascript and SVG odometer effect library with motion blur
particles-bg

2.9 0.0 velocity VS particles-bg

React particles animation background component
motus

2.8 0.0 velocity VS motus

Animation library that mimics CSS keyframes when scrolling.
Suave UI 0.3.1

2.3 0.0 velocity VS Suave UI 0.3.1

UI Framework for AngularJS
Scrawl-canvas Library

2.2 8.8 velocity VS Scrawl-canvas Library

Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun
shuffle-images

2.1 0.0 L4 velocity VS shuffle-images

The Simplest Way to shuffle through images in a Creative Way
AniX

2.0 0.0 velocity VS AniX

🐿 Super easy and lightweight(<3kb) JavaScript animation library
Scroll Btween

1.6 2.4 velocity VS Scroll Btween

ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.
TransitionEnd

1.3 2.8 L2 velocity VS TransitionEnd

:dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.
Tailwind Animations

1.3 3.8 velocity VS Tailwind Animations

Cool animations implemented with tailwindcss
js-loading-overlay

0.9 0.0 velocity VS js-loading-overlay

Display loading overlay/spinner for your application easily and beautifully.
the-cube

0.7 0.0 velocity VS the-cube

The Cube is an experiment with CSS3 transitions.
Scroll Frames

0.5 3.2 velocity VS Scroll Frames

Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of velocity or a related project?

Add another 'Animations' Library

Popular Comparisons

README

Velocity beta

NPM: `npm install velocity-animate@beta`

Docs

https://github.com/julianshapiro/velocity/wiki

IMPORTANT: The velocityjs.org documentation refers to V1, not V2 beta - use the wiki for latest documentation!

News

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, choose one of them):

<script src="//cdn.jsdelivr.net/npm/[email protected]/velocity.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/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>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/2.0.6/velocity.ui.min.js"></script>

Please note that JSDelivr can automatically supply the latest release, while CloudFlare needs to ask for a specific version.

Package managers:

npm: npm install velocity-animate@beta

Automagic chaining:

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 afterwards then look at the Velocity.patch() method.

Questions or Problems?

Ask on StackOverflow (make sure you add the [velocity.js] and the [javascript] or [typescript] tags).

Updates

2.0: Typescript update and complete refactoring.
1.5: Bugfixes, IE9 compatibility fixes.
1.4: Pause / Resume (per element or global). Forcefed string animation (just have matching number spaces) including unit conversions and colour names (ie background:["rgba(red,0.1)", "blue"]). High resolution timers (animations should be slightly smoother). Various fixes including ticker (loading Velocity in a background window) and color handling.
1.3: Code cleanup - no breaking changes known.
1.2: Custom tweens. Custom easings. "Finish" command.
1.0: File name changed to velocity.js. Read VelocityJS.org/#dependencies.
0.1: 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().

velocity

Accelerated JavaScript animation.