velocity README

The project's README from github.com/julianshapiro/velocity. As one markdown file: README.md.

Velocity beta

npm npm (tag) cdnjs version npm downloads jsdelivr downloads

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

Learn

Comparisons

License

MIT License. © Julian Shapiro (http://twitter.com/julian).

Sponsors

Kiss My Button sponsors Velocity's development.

BrowserStack provides browser testing services for Velocity.

velocity (julianshapiro/velocity)

Searching Database…

17.2K ·GitHub
Что это такое?Быстрый и функциональный JavaScript-движок анимации для веб-страниц: он анимирует элементы интерфейса с более высокой производительностью, чем $.animate() в jQuery, и им пользуются такие компании, как WhatsApp и Uber.
Это плагин для jQuery или отдельная библиотека?Это отдельная библиотека, а не плагин. Если на странице подключены jQuery или Zepto, она добавляет цепной метод .velocity(), но должна загружаться после них; для всего, что загружается позже, есть Velocity.patch().
Как подключить его к своему проекту?Установите командой 'npm install velocity-animate@beta' или подключите скрипт с CDN — JSDelivr может отдавать последний релиз, а CloudFlare требует зафиксированную версию. Отдельный UI-пак тоже доступен через CDN.
В npm install указан beta, а на сайте документации говорится о V1 — какую версию я получу на самом деле?Вы получите бета-версию 2.0 — полностью переписанную на TypeScript, — тогда как velocityjs.org по-прежнему описывает V1; для V2 придётся полагаться на вики проекта вместо основного сайта документации.
Чем он лучше CSS-переходов или animate в jQuery?Согласно README, CSS-переходы предназначены для простых эффектов в интерфейсе, $.animate() в jQuery медленный и плохо подходит для анимационного дизайна, а Velocity — это быстрая и функциональная альтернатива.
Что именно он умеет анимировать?Из changelog: пауза и возобновление анимации для отдельного элемента или глобально, пользовательские функции плавности и твины, анимация цвета, включая названия цветов и значения rgba, преобразование единиц измерения, а также команды stop и finish.
Кто использует Velocity в продакшене?По данным README, это WhatsApp, Tumblr, Windows, Samsung, Uber и тысячи других компаний; на Libscore.com видно, какие сайты подключают его на главной странице.
Есть ли версия для React?Да — в README анонсирован плагин для React, отдельный от основного пакета velocity-animate.
What are similar projects?jquery-ui, motion, jquery, typeahead.js, anime, vivus, masonry, GSAP
Size
7.9 MB
Stars
17.2K
Age
12y
Commits · 90 Days