animatelo

• 415 ★

• 包含了从强大的 Animate.css 借来的大量的醒目的动态效果，而实现方式则比后者更加便捷。

• 
  

foxholder

• 96 ★

• 一组包含15款漂亮的动效的合集，这些动效主要用来改善用户和表单交互的体验。每种动效的效果各不相同，有的能够增加边框亮度，有的能够强化视觉线索，等等。

rhythm.js

• 3482 ★

• 能够为你带来有趣的迪斯科风的动效，它能够营造出类似舞蹈的视觉效果。

• 
  

colorido.js

• 7 ★

• Colorido.js 和 Granim.js 非常相似，这款基于JS的插件被创造出来操控色彩相关的素材的。它能够动态地控制色调和不透明度的，不论是背景、文本、线条还是段落都在它的控制范畴以内。

barba.js

• 6802 ★

• 利用PJAX（基于Ajax 技术）来减轻用户在动效刷新时候的错位感，让容器在悄无声息之间切换。

• 
  

scrollanim

• 1464 ★

• 更简单，也更容易控制。支持CSS3， 但是同样也允许使用 JavaScript API 来添加动效。

scrolltrigger

• 2174 ★

• 用来构建横向滚动的网站页面的。它允许使用相当简单的语法在X轴上构建漂亮的CSS3动画效果。

• 
  

force.js

• 522 ★

• 没有其他动效工具中繁复多样的选项，它只包含一些基本的、实用的动效设置选项，帮你创造微妙的动效。

rellax

• 3769 ★

• 为了漂亮的视差滚动而生的，它是一个轻量级的 Vanilla JavaScript 库，可以帮你的界面添加有趣的3D效果。

• 
  

tilt.js

• 2405 ★

• 能够产生令人着迷的倾斜视差效果，相当于是在2D的界面中模拟出3D的倾斜效果。

• 
  

transform-when

• 139 ★

• 如果你想通过网页来讲述故事，Transform-when 是一个非常不错的解决方案，它主要帮你控制时间和滚动位置两个因素，帮你精确控制用户浏览故事过程中的每一个动效的体验。

• 
  

curve.js

• 1040 ★

• 赋予线条以生命，让它们像波浪一样旋转，“跳舞”。

• 
  

animator.js

• 67 ★

• 一款灵活、高效、轻量级的动效控制工具，能够管理关键帧和各种不同CSS动效的效果，最关键的是它是完全免费的。

cel-animation

• 139 ★

• 一款 SASS mixin，可以控制关键字，也能设置动态SVG和任何HTML 元素

scrollissimo

• 119 ★

• 是和 Greensock 联动的动效设计工具，可以创建出随着用户滚动时随之运动的动态对象。

jqclouds

• 48 ★

• 一个非常简单的动效插件，能在生成移动的云朵，用来填充页面。当然，你也可以将云替换成其他的东西。

color animation

• 27 ★

• 这个动效是用来生成动态色彩改变的工具，作用的对象可以是背景图片、边框、文本等元素，实际上只要是带有色彩属性的元素，它都能控制。

flubber

• 4818 ★

• 如果你想让一个对象转变为另外一个对象的过程更加顺滑，那么你一定不要错过 Flubber 这个工具。不过它的缺陷在于，只能作用于2D的元素。

• 
  

3D LINES ANIMATION WITH THREE.JS

• 231 ★

• 相比于上面功能完备的粒子动效工具，这只是一个小脚本，帮你的背景添加漂亮的粒子特效而已。可控的参数包括色彩、线条和不透明度。

• 
  

Snap.svg

• 11797 ★

• 适用于现代网络的JavaScript SVG库。

• 张鑫旭关于snap.svg的demo教程

• 
  

Pixi.js

• 一个快速的轻量级2D动画渲染引擎。

• 主要使用webgl技术，能帮助展示、驱动和管理富有交互性的图形、制作游戏。

• 使用Javascript以及其他HTML5技术，结合PixiJS引擎，可以创建出丰富的交互式图形，跨平台的应用程序和游戏。

• 文件大小：55.2 kB.

• 
  

PACE.js

• 网页自动加载进度条插件

• 
  

WOW.js

• 8760 ★

• 一款帮助你实现滚动页面时触发 CSS 动画效果的插件

• 
  

Egret

• 游戏引擎，一整套游戏开发的“游戏解决方案”。

• 较重

Unity

• 游戏引擎。

Cocos

• 游戏引擎。