前端优秀超炫JS动画组件库整理搜集

平时工作中，我们可以自己写一些动画js插件，研究轮子怎么造，从而巩固技能。但是对于一些优秀的js插件，我们没必要去重复造轮子。这里整理了一些优秀的超炫的动画特效js插件，以供在项目中提高开发效率和提升用户体验。

1.wowJS

WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，结合animate.css，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、偏移和迭代等。当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。。链接地址

2.vivus.js

Vivus是一个可以执行 SVG 路径动画的轻量级的JavaScript库（无依赖项），可让您为SVG设置动画，从而使它们具有被绘制的外观，可以使用多种不同的动画，还可以选择创建自定义脚本以任意方式绘制SVG，让您的SVG栩栩如生。链接地址

3.cta.js

cta.js是一个基于javascript实现的轻量级Modal模态框效果代码，无需使用jQuery插件，纯js编写的模态框弹出特效。链接地址

4.ScrollReveal.js

ScrollReveal是一个兼容PC端和移动设备的滚动动画组件JavaScript库，用于在元素进入/离开视口时轻松对其进行动画处理。 它的设计既稳定又灵活。scrollReveal不依赖于任何插件库，它的所有动画都是通过css3来创建的，所以兼容性也必须是支持CSS3比较好的浏览器，如：IE10+    chrome    Firefox   Safari    opera 。链接地址

5.Transit.js

TransitJs是一个可制作超级平滑的CSS3 transformations 和 transitions动画的jQuery插件，他必须依赖jQuery。它能够通过jQuery来完成CSS转换和过渡动画效果，比默认的.animate方法要顺畅得多，这对于一些不支持CSS3转换和过渡属性的浏览器来说是一个非常有用的jQuery插件。链接地址

6.parallax.js

Parallax.js是一个简单、轻量级的jQuery滚动视差引擎插件。Parallax.js插件小于1kb，它能够在页面滚动时为指定的背景图片制作炫酷的视觉差效果，并提供参数来控制视觉差动画的延迟，方向和速度等。也能够在智能设备的方向作出反应，凡没有陀螺仪或运动检测硬件是可用的，光标的位置来代替。链接地址

7.createjs

CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库，可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。如果对于简单的动画，使用css3和animate.css就可以了。当需要开发复杂交互逻辑，例如问答游戏，棋牌游戏，赛车游戏，蘑菇人游戏，或者一些需要复杂图形/线条变换的页面，可以使用createjs完成。[国内]链接地址。[国外]链接地址

8.Anime.js

Anime.js 是一个轻量的JavaScript 动画库， 拥有简单而强大的API。可对 CSS 属性、 SVG、 DOM 和JavaScript 对象进行动画。链接地址

9.Typed.js

Type.js是一个轻量级的用于实现页面文字打字机效果的插件。链接地址和 实例和Git地址

10.TypeIt.js

世界上最通用的JavaScript动画输入工具。和typed.js有点类似。链接地址

11.Granim.js

Granim.js是一个轻量级的用来创建流体和交互式渐变动画的javascript库。链接地址

12.motion.js

Motion 是一款基于ZeptoJS，为移动终端Web应用量身定制的组件库，为移动设备而生，重点开发结合HTML5新特征的创新实用组件。链接地址