分享几个UI动效的灵感网站和小工具

zheng1274350

来一波UI动效的资源~


灵感网站(3)

UI Movement

网址：uimovement.com

推荐理由：

致力于手机和分享最好的UI设计灵感，可以邮箱订阅，有很多移动APP的动效界面，更新快

Design Patterns

网址：codepen.io/patterns

推荐理由：

是Codepen的一个频道，主要对一些交互友好的代码集合到一起，并分类，设计师可以很方便的从里面找自己想看的动效元素，而且已经实现了代码编写，还能真实拿来使用。

Codrops

网址：tympanus.net/codrops

推荐理由：

这里有很多很有创意的酷炫动效，每周集锦很有意思，而且所有动效都可以免费下载使用

另外还有dribbble、behance、站酷这类设计师必备「资源站」，也可以找到很多动效设计灵感哦

在线工具(6)

AnijS

网址：anijs.github.io

推荐理由：

让你能够通过 if、on、do、to 等简单的命令更加直观地处理动效。有趣的地方在于，它还能用来控制前面 Animate.css 来创造动效。

Animate.css

网址：daneden.github.io/animate.css

推荐理由：

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

BOUNCE.JS

网址：bouncejs.com

推荐理由：

这是一个用来创造弹跳特效的库，它的动效主要是通过CSS3和一些预设来实现的。你可以通过 npm、bower 来安装JS库，简单的复制生成的CSS3代码来应用动效。

Kute.js

网址：thednp.github.io/kute.js

推荐理由：

一个纯粹的动效引擎，拥有出色的性能。它可以兼容许多不同的浏览器，还具备许多插件，提供有效的运行环境。感受下，首页界面的动效是不是超赞！

ANIME.JS

网址：animejs.com

推荐理由：

这是一款强大的使用JS开发的动效库，支持 CSS，DOM，SVG，和JS对象。

principle

网址：principleformac.com

推荐理由：功能强大的交互设计软件，用它能够做出很不错的app动效。