2020 年 UI 设计师必看的 13 个动画库

13. 纺织

12. BounceJS

11.Popmotion

10. DynamicJS

9.粒子JS

8. MoveJS

7. 莫伊斯

6. 悬停意图

5. GreenSock

4. AnimateCSS

3. JqueryTransit

2. AnimeJS

VelocityJS

Web 开发已经从静态网站发展到外观和体验都良好的网站。现在，任何 Web 开发人员或设计师都知道，构建一个不仅功能强大，而且外观美观的网站是多么重要。

网站设计从出色的色彩饱和度开始，到精心布局、完全响应式的版块。然而，网站设计远不止于此。当代UI设计师也对动画感兴趣。毕竟，动画能提升网站的价值，确保访客感到惊喜。

在今天的文章中，我们列出了 2020 年 UI 设计师最常用的 13 个动画库。这些工具一定能帮助你更快、更专业地创建动画。这些库既包含纯 CSS 库，也包含 JavaScript 库。

13. 纺织

Textillate - 用于 CSS3 文本动画的 jquery 插件。

Textillate.js 结合了一些很棒的库来提供一个易于使用的插件，用于将 CSS3 动画应用于任何文本。

12. BounceJS

Bounce.js - 立即创建漂亮的 CSS3 动画。

Bounce.js 是一个用于生成精美 CSS3 关键帧动画的工具和 JS 库。bouncejs 上的工具……

11.Popmotion

Popmotion - 用于令人愉悦的用户界面的简单动画库

简单的动画库，打造令人愉悦的用户界面

10. DynamicJS

Dynamics.js - 用于创建基于物理的动画的 Javascript 库

Dynamics.js 是一个用于创建基于物理的动画的 JavaScript 库。要查看一些演示，请查看此库

9.粒子JS

Particles.js - 用于创建粒子的轻量级 JavaScript 库

在 CodePen 上配置、导出和共享您的 particles.js 配置……

8. MoveJS

Move.js - CSS3 支持的 JavaScript 动画框架

CSS3 JavaScript 动画框架。Move.js 是一个小型 JavaScript 库，可制作 CSS3 支持的动画……

7. 莫伊斯

Mojs——网页动态图形工具带

适用于 Web 的动态图形工具带。mo·js 是一个 JavaScript 动态图形库，它速度快，支持视网膜……

6. 悬停意图

Hoverintent - 🐭 当用户想要时触发鼠标事件

Hoverintent 是 Brian Cherne 的 jQuery 插件的重写版，使用纯 JavaScript 实现。它没有任何依赖项……

5. GreenSock

GSAP - GreenSock 的 GSAP JavaScript 动画库（包括 Draggable）。

适用于现代网络的专业级动画 GSAP 是一个用于构建高性能动画的 JavaScript 库……

4. AnimateCSS

Animate.css - 🍿 一个跨浏览器的 CSS 动画库。使用起来非常简单。

🍿 一个跨浏览器的 CSS 动画库。使用起来非常简单。

🍿 一个跨浏览器的 CSS 动画库。使用起来非常简单。

3. JqueryTransit

Jquery.transit - 超流畅的 jQuery CSS3 转换和过渡

jQuery 的超流畅 CSS3 转换和过渡 jQuery Transit 是一个帮助您执行 CSS 的插件……

2. AnimeJS

Anime - JavaScript动画引擎

使用 CSS 属性、SVG、DOM 和 JS 对象

VelocityJS

Velocity - 加速 JavaScript 动画。

具有与 jQuery 的 $.animate() 类似的 API 的动画引擎……

今天，我们列出了 2020 年 13 个最佳动画库。那么，你决定使用哪一个呢？
你可以在这里进行全面比较：

13 个最佳动画库的全面比较

请在下方评论区留言告诉我们。我们正在倾听。