参考网址:求推荐免费的UI素材网站? - 知乎
1、Animate.css
Animate.css是目前最流行和使用最广泛的动画库之一。这个动画库包括超过 77 个现成的 CSS 动画。它的动画非常适合强调、注意引导提示、滑块和主页的使用。
2、LottieFiles
LottieFiles跨平台、极小的文件大小以及可编写脚本和交互式的特性。可以帮助UI设计人员和开发人员发现、创建、测试、调整和实施适用于网页和移动应用程序的轻量级交互式动画。
使用 LottieFiles,你可以导出和共享一种开源的、基于 JSON 的动画文件格式,称为“ Lottie”。
这些 Lottie 动画适用于流行的操作系统,如 Android OS、iOS、Windows 和领先的软件编程语言,如 Vue.js、Flutter、Angular 和 React Native。
3、Anime.js
AnimeJS是一个强大且直观的 JavaScript 动画库。这个轻量级的库有一个强大的 API,可以让你平滑地为 HTML 元素、CSS 属性、JS 对象、SVG 和 DOM 属性设置动画。
4、Bounce.js
Bounce.js既是一个工具,也是一个 JS 库,可让你创建引人入胜的 CSS3 驱动的关键帧动画。该库包含十个流畅、漂亮且有趣的弹性动画预设。这些有趣的预设可以完成所有繁重的工作,因此你不必编写复杂的动画代码。
5、Popmotion
Popmotion是一个功能性动画库,是“动画师的 JavaScript 工具箱”。 它的功能强大,可以在数字和颜色上启用关键帧、弹簧和惯性动画。
6、Mo.js
Mo.js是一个丰富的 JavaScript 动画库,它可以使用运动效果为你的作品集增添趣味。这个动画库具有速度快和简单易上手这两个特性。
7、GreenSock 动画平台(GSAP)
GSAP 是另一个基于 HTML5 和 JavaScript 构建的强大动画库。它通过绑定多个动画属性并消除浏览器错误,确保动画在现代 Web 浏览器和 HTML5 解决方案上流畅运行。
GSAP提供了一系列工具,使你的动画创建过程尽可能简单:
TweenLite,一个强大而快速的核心,为 JavaScript 库提供动力;
TweenMax,扩展了 TweenLite 的新功能;
TimelineLite,有助于管理动画序列;
TimelineMax,扩展了 TimelineLite 的功能。