[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3257":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":16,"starSnapshotCount":16,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},3257,"velocity","julianshapiro\u002Fvelocity","julianshapiro","Accelerated JavaScript animation.","VelocityJS.org",null,"JavaScript",17215,1516,389,41,0,6,44.54,"MIT License",false,"master",true,[],"2026-06-12 02:00:47","﻿# Velocity beta\n\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvelocity-animate.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvelocity-animate) [![npm (tag)](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fvelocity-animate\u002Fbeta.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvelocity-animate) [![cdnjs version](https:\u002F\u002Fimg.shields.io\u002Fcdnjs\u002Fv\u002Fvelocity.svg)](https:\u002F\u002Fcdnjs.com\u002Flibraries\u002Fvelocity) [![npm downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fvelocity-animate.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvelocity-animate) [![jsdelivr downloads](https:\u002F\u002Fdata.jsdelivr.com\u002Fv1\u002Fpackage\u002Fnpm\u002Fvelocity-animate\u002Fbadge)](https:\u002F\u002Fwww.jsdelivr.com\u002Fpackage\u002Fnpm\u002Fvelocity-animate)\n\n## NPM: `npm install velocity-animate@beta`\n\n## Docs\n[https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fwiki](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fwiki)\n\n# IMPORTANT: The velocityjs.org documentation refers to V1, not V2 beta - use the wiki for latest documentation!\n\n## News\nWhatsApp, Tumblr, Windows, Samsung, Uber, and thousands of other companies rely on Velocity. Visit [Libscore.com](http:\u002F\u002Flibscore.com\u002F#$.Velocity) to see which sites use Velocity on their homepage.\n\n## React Plugin\nAnnouncement: https:\u002F\u002Ffabric.io\u002Fblog\u002Fintroducing-the-velocityreact-library\u003Cbr>\nRepo: https:\u002F\u002Fgithub.com\u002Ftwitter-fabric\u002Fvelocity-react\u003Cbr>\nNPM: https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvelocity-react\n\n## Quickstart\n### Velocity (CDN, choose one of them):\n```html\n\u003Cscript src=\"\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvelocity-animate@2.0\u002Fvelocity.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"\u002F\u002Fcdnjs.cloudflare.com\u002Fajax\u002Flibs\u002Fvelocity\u002F2.0.6\u002Fvelocity.min.js\">\u003C\u002Fscript>\n```\n\n### Velocity UI pack (CDN, choose one of them):\n```html\n\u003Cscript src=\"\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fvelocity-animate@2.0\u002Fvelocity.ui.min.js\">\u003C\u002Fscript>\n\u003Cscript src=\"\u002F\u002Fcdnjs.cloudflare.com\u002Fajax\u002Flibs\u002Fvelocity\u002F2.0.6\u002Fvelocity.ui.min.js\">\u003C\u002Fscript>\n```\n\n> Please note that JSDelivr can automatically supply the latest release, while CloudFlare needs to ask for a specific version.\n\n### Package managers:\n_npm:_ `npm install velocity-animate@beta`\n\n### Automagic chaining:\n\nIf 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()](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fwiki\u002FAdvanced---Patch) method.\n\n## Questions or Problems?\nAsk on [StackOverflow](http:\u002F\u002Fstackoverflow.com\u002Ftags\u002Fvelocity.js) (make sure you add the `[velocity.js]` and the `[javascript]` or `[typescript]` tags).\n\n## Updates\n- **[2.0](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fcompare\u002F1.5.0...2.0.6)**: Typescript update and complete refactoring.\n- **[1.5](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fcompare\u002F1.4.0...1.5.0)**: Bugfixes, IE9 compatibility fixes.\n- **[1.4](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fcompare\u002F1.3.0...1.4.0)**: Pause \u002F Resume (per element or global).\u003Cbr>\nForcefed string animation (just have matching number spaces) including unit conversions and colour names (ie `background:[\"rgba(red,0.1)\", \"blue\"]`).\nHigh resolution timers (animations should be slightly smoother).\u003Cbr>\nVarious fixes including ticker (loading Velocity in a background window) and color handling.\n- **[1.3](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fcompare\u002F1.2.0...1.3.0)**: Code cleanup - no breaking changes known.\n- **[1.2](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fcompare\u002F1.1.0...1.2.0)**: [Custom tweens](http:\u002F\u002FVelocityJS.org\u002F#progress). [Custom easings](http:\u002F\u002FVelocityJS.org\u002F#easing). [\"Finish\" command](http:\u002F\u002FVelocityJS.org\u002F#finish).\n- **[1.0](https:\u002F\u002Fgithub.com\u002Fjulianshapiro\u002Fvelocity\u002Fcompare\u002F0.1.0...1.0.0)**: File name changed to `velocity.js`. Read [VelocityJS.org\u002F#dependencies](http:\u002F\u002FVelocityJS.org\u002F#dependencies).\n- **0.1**: `stop` now stops animations *immediately* (instead of only clearing the remainder of the animation queue). No other backwards-incompatible changes were made.\n\n## Learn\n- **Motion design**: [smashingmagazine.com\u002F2014\u002F06\u002F18\u002Ffaster-ui-animations-with-velocity-js](http:\u002F\u002Fsmashingmagazine.com\u002F2014\u002F06\u002F18\u002Ffaster-ui-animations-with-velocity-js)\n- **Animating without jQuery**: [smashingmagazine.com\u002F2014\u002F09\u002F04\u002Fanimating-without-jquery](http:\u002F\u002Fwww.smashingmagazine.com\u002F2014\u002F09\u002F04\u002Fanimating-without-jquery\u002F)\n- **Performance comparisons**: [davidwalsh.name\u002Fcss-js-animation](http:\u002F\u002Fdavidwalsh.name\u002Fcss-js-animation)\n- **Workflow**: [css-tricks.com\u002Fimproving-ui-animation-workflow-velocity-js](http:\u002F\u002Fcss-tricks.com\u002Fimproving-ui-animation-workflow-velocity-js)\n\n## Comparisons\n- **CSS transitions** are meant for simple interface flourishes.\n- **jQuery's $.animate()** is slow and poorly-equipped for motion design.\n- **Velocity** is a fast, feature-rich standalone alternative to jQuery's $.animate().\n\n## License\n[MIT License](LICENSE.md). © Julian Shapiro (http:\u002F\u002Ftwitter.com\u002Fjulian).\n\n## Sponsors\n\n[![Kiss My Button](https:\u002F\u002Fpresskit.kissmybutton.gr\u002Flogos\u002Fkissmybutton-logo-small.png)](https:\u002F\u002Fkissmybutton.gr)  sponsors Velocity's development.\n\n[![BrowserStack](https:\u002F\u002Fraw.githubusercontent.com\u002Fjulianshapiro\u002Fvelocity\u002Fmaster\u002F.github\u002Fbrowserstack-logo-182x96.png)](https:\u002F\u002Fbrowserstack.com\u002F)  provides browser testing services for Velocity.\n","Velocity 是一个用于加速 JavaScript 动画的库。它提供了流畅且高性能的动画效果，支持链式调用、自动补间和多种预定义的动画效果。Velocity 采用纯 JavaScript 编写，兼容性良好，包括对旧版浏览器如 IE9 的支持，并且易于集成到现有的项目中。适用于需要丰富视觉效果的网页开发场景，如产品展示页面、交互式用户界面等。许多知名公司如 WhatsApp、Tumblr 和 Uber 都在其网站上使用了 Velocity 来增强用户体验。",2,"2026-06-11 02:53:12","top_language"]