Animate.css

• 56401 ★

• 一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。

• 文件大小：55.2 kB.

• 
  

Bounce.js

• 5754 ★

• 可以直接在浏览器中进行设计和设置的动画库，带有一个完整的网页构建器，只需添加一个组件，选择预设，然后你就可以得到CSS 代码了

• 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直接在浏览器中进行设计和设置的动画库之一。

• 文件大小：16 kB.

• 
  

Anime.js

• 21084 ★

• 支持 CSS，DOM，SVG，和JS对象

• 点击Documentation，查看animejs的动效组件说明文档；点击Codepen，进入anime的动效库，查看可编辑的动效演示和示例。

• 将动画加持在LOGO、按钮、图像等各种各样的元素上。它支持各种常见的触发机制，比如点击、悬停、滑动，你可以借助它定义一系列的动画。

• 缺少自定义特效

• 作为Three JS的潜在替代方案

• 
  

Magic Animations

• 5754 ★

• 与Animate.css十分类似，也是一个预定义了一系列动效的CSS库。但与Animate.css的最大区别可能是，它定义的那些动效更炫也更酷一些

• 许多基于CSS3的动画效果，并且带有许多在别的地方根本找不到的自定义样式。这是一个非常大的CSS3代码库合集

• 文件大小：36.5 KB.

• 
  

AniJS

• 3427 ★

• 通过JavaScript控制的动效库

• 号称“无需编码即可提升网页设计的图书馆”，通过 if、on、do、to 等简单的命令更加直观地处理动效还能用来控制前面 Animate.css 来创造动效。

• 文件大小：10.5 kB.

• 
  

CSShake

• 3781 ★

• 元素颤抖效果。一个疯狂摇动的动效库，包括方向（水平、上下），类型（固定、疯狂），强度（强、弱）等等

• 动画效果非常的疯狂、独特，它并不一定适合每个网站。

• 文件大小：78.8 kB.

• 
  

Velocity.js

• 14692 ★

• 一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作，且不依赖 jQuery。

• 支持原生js，jq，react写法，作为vue粉，失望的是，暂时没有vue相关的插件

• 文件大小：34.8 kB.

• 
  

Mo.js（官网目前访问不了。。）

• 13461 ★

• 非常的庞大，而且它是完全为UI/UX设计而生的动效库。

• Mo.JS 是模块化的，你可以轻松移除不必要的功能，确保体量合理和流畅运行

• 官网不能访问，作者好像不再维护了，让找其他选择。。—作者Tweets

• GitHub-Issues

• 
  

Vivus.js

• 10365 ★

• SVG动效库

• 一个轻量级的JavaScript动效库，跟Lazy Line Painter一样，它也是创建SVG路径动画的，里面有各种不同的动画可供选择，以及创建自定义脚本的选项，可以以你喜欢的任何方式绘制SVG。动画类型有延迟、同步和依次绘制三种，还有定时功能

• 没有任何依赖。除了使用SVG之外，Vivus JS还可用于创建漂亮的按钮，也有其他令人惊叹的动画可供使用。

• 
  

Hover.css

• 20544 ★

• 鼠标悬浮效果。提供了大量的Hover效果，包括2D变换，图标变换，背景变换等等。而且几乎可以应用于所有元素，包括链接，按钮，logo，SVG甚至图片等等。

• 文件大小：104.2 kB.

• 
  

Snabbt.js

• 5202 ★

• 只有5k，所以可以被用在移动应用中。而且它也支持链式语法，你可以很方便地写出复杂的动效组合。

• DEMO:cards、Crazy sticks、Periodic table、Laser words

• 
  

Dynamics.js

• 7034 ★

• 一个JS库，能为你提供9种标准的动效，你可以制定其中的持续时间、频率、预期尺寸和强度等数据，创造出符合物理效果的动效。

• 
  

GSAP(GreenSock JS)

• 7767 ★

• 可能目前最炫酷的免费动画库之一了。它运行于纯粹的 JavaScript 之上，是目前最强健的动画资源库之一。以SVG、画布元素甚至 jQuery 对象良好地协同，诸如 EaselJS 这样的库也可以和 GSAP 联动。一个强大的网页动画库。

• 
  

Popmotion

• 13777 ★

• 一个只有 12KB 的 JavaScript 运动引擎，可以用来实现动画，物理效果和输入跟踪

• 一款用于UI界面的JavaScript动画库，包含了四个强大的开源工具：pose、popmotion、stylefire和framesync

• 一款与Anime JS类似的动画库，可用于创建精彩的浏览器动画。该库还具有指针跟踪，弹簧物理，3D动画等功能，并可用于创建功能型，反应型的动画。

• 
  

scrollreveal.js

• 15499 ★

• 一款特定动画的JavaScript库

• 非常酷炫的进场效果。

• 创建十分酷炫的滚动特效，是一个轻量级的工具（没有任何依赖）

• 适用于DOM节点，多个容器，异步内容，并且支持3D旋转。ScrollReveal JS可能是创建滚动特效最好用的工具，它支持大量的浏览器，只要它们支持CSS Transform和CSS Transition特性。

•