Lazy Line Painter

• 1478 ★

• SVG动效库

• 一个用于SVG路径动画的JQUERY插件，可以使用它轻松创建SVG路径动效。在AI中输出SVG文档，上传到转换器中，它就能帮你将它处理成为动效，生成jQuery 文档。你还可以编辑代码进行微调。

• 
  

It’s Tuesday.

• 371 ★

• “一个古怪的CSS动画库。”，里面的动效都比较“冷淡”

• 借助这个库，你可以有效的控制页面中元素的出现和消失的方式。

• 动画并不是那种炫酷屌炸天的，相反它们是非常微妙的，真正从美学和用户体验的层面提升整个页面的设计。

• 动效大多以流畅和优雅著称

• 
  

CSS Animate

• （没找到github仓库）

• 能让你设置更多的动效参数，比如你可以同时设置动效起始和终止状态的坐标，大小，以及透明度，能做出更复杂的动效

• 
  

AOS

• 6613 ★

• 更多地依赖于CSS，包含了一系列有滚动事件触发的漂亮的预定义动效。

• 开发人员可以在向下滚动时为页面元素添加动画，然后在向上滚动时恢复之前的动画状态。这个库还附带了许多可由滚动事件触发的预定义事件。

• 
  

CSS3 Animation

• （没找到github仓库）

• 一个非常简单易用的动效工具，你可以在它提供的简单图形界面里，通过拖拽一些进度条来控制你的动效，生成的CSS代码会自动显示在下面的一个文本框里，你可以拷贝粘贴到你的应用中直接使用

• 
  

Particles JS

• 15612 ★

• 一款特定动画的JavaScript库，用于创建点和线组成的精彩动画

• 轻量的粒子动效 JS 开源库

• 允许开发人员切换诸如粒子的密度，颜色，不透明度，形状和大小之类的东西。但是，由于它仅适用于粒子背景，因此不适合用来创建其他类型的动画。

• 
  

Three JS

• 42569 ★

Single Element CSS Spinners

• 5767 ★

• 一组非常漂亮的可用于加载中状态的CSS3动效

• 
  

Odometer

• 6531 ★

• 用来给数字作动效的，比如通过它你可以很好地呈现网站人数的增加，倒计时等与数字相关的动画效果。

• 
  

Wicked CSS

• 189 ★

• 主要是基于CSS代码的，让对象进行旋转、翻转、划入等不同类型的动画效果。

• 
  

Animate Plus

• 5124 ★

• 一个轻量级的动效库，它只有2KB，但是它有着自定义 JavaScript 动画所需的全部基本功能。

• 可以通过npm安装

matter.js

• 7989 ★

• 吊炸天了，接近现实生活中的物理运动、碰撞、惯性动画库。

• 
  

parallax.js

• 13601 ★

• 这个效果也很常见，类似于视觉差效果。

• 官网看起来很不错

• 
  

animatable

• 2450 ★

• 一个属性，两个值，创造无限可能

• 
  

DynCSS

• 486 ★

• 用动态CSS来打造你的网页

• 文件大小：36.5 kB

• 
  

Favico.js

• 8150 ★

• 可以使用视频、标志或图片来设计站点的Favicon

• 文件大小：8.9 kB.

• 
  

Kute.js

• 1605 ★

• 一个纯粹的动效引擎，拥有出色的性能。它可以兼容许多不同的浏览器，包括一些相对传统的浏览器。

• 
  

SVG.js

• 6601 ★

• 为你提供一个更加直观的编辑SVG动效的环境。它足够小巧，语法也简单，并且提供统一的API。

• 
  

Motion UI

• 857 ★

• 借助SASS 来创建有趣的CSS动效。其中包含了一整套预定义的特效，可以运用到不同的HTML组件当中去。除了IE9，其他浏览器都可用。

• 
  

WAIT! ANIMATE

• 179 ★

• 更加轻松自如的方式来创造延时和等待的动效。通过调整控制面板上的参数，你可以创造出更加自然的效果。

• 
  

choreographer.js

• 1693 ★

• 通过自定义参数实现对复杂动效的设计。

• 
  

sequence.js（最后维护时间4年前）

• 3373 ★

• 是一个CSS驱动下的动效框架，用来构建基于步骤的响应式的动效。

shifty（官网感觉已经不维护）

• 940 ★

• 一款性能优异，速度够快且足够灵活的补间动画引擎，它是公认的 GreenSock 替代方案

bonsai.js

• 1965 ★

• 一个用来做高级图形处理的JS库，它有着非常简单易用的API和SVG渲染器。

•