40个Javascript 用户界面 动画库 对于网络& Mobile

当今最好的网站和移动应用程序利用动画不仅可以提高可用性,还可以使用户感到高兴和惊奇。没有网站 动画 开始感到过时了。无论您是想现实地弹跳球,逐步展开下拉菜单,还是当用户将鼠标悬停在某个元素上时简单地注意它,这里 40个Javascript 用户界面 动画库 对于网络&移动设备将为您的Web和移动应用程序增添生命力和深度,并改善用户体验。

分用打字稿编写并编译为javascript ES6,是轻量级且模块化的。它带有许多有用的算法,用于数据可视化和创意编码。

分

著名引擎

它是一个免费的开源JavaScript呈现引擎。著名引擎的独特之处在于其JavaScript渲染引擎和3D物理引擎,它为开发人员提供了使用纯JavaScript构建原生质量的应用和动画的能力和工具。它旨在使开发人员能够在统一的API中同时渲染DOM和WebGL。

著名引擎

Two.js

它是面向现代Web浏览器的二维绘图api。它与渲染器无关,可以使同一个api在多个上下文中进行绘制:svg,canvas和webgl。

Two.js

洛蒂

洛蒂是适用于Android和iOS的移动库,它可以使用Bodymovin解析以json格式导出的Adobe After Effects动画,并在移动设备和Web上原生渲染它们!第一次,设计人员可以创建和发布精美的动画,而无需工程师费心地手工制作。他们说一张图片值1,000字,所以这里有13,000字。

洛蒂

mo.js

这是一个专门用于网络运动的JavaScript库。它为运动和动画元素的创建提供了声明性语法。根据您制作的动画,mo.js允许您制作的形状和其他对象可能会简化工作流程。 mo.js提供了一种声明式语法,可以非常轻松地动态创建某些内容。

mo.js

Snap.svg

这是一个用于SVG的JavaScript库。 Snap为Web开发人员提供了一个简洁,流线型,直观且功能强大的API,用于对现有SVG内容以及Snap生成的SVG内容进行动画处理。

Snap.svg

流行音乐

流行音乐使得定义光滑外观复杂的动画变得毫不费力,它很容易理会它为我们处理的引擎盖下的复杂性,而不是花费无数小时来微调动画,我们现在可以集中精力高效,简洁地构建动画UI,可维护的代码。

流行音乐

日本动漫

这是一个轻量级的JavaScript动画库。它可以与任何CSS属性,单个CSS转换,SVG或任何DOM属性以及JavaScript对象一起使用。

日本动漫

ProgressBar.js

带有动画SVG路径的响应式和流畅的进度条。使用内置形状或创建自己的路径。根据需要自定义动画。

ProgressBar.js

Bounce.js

它是一个工具和JS库,用于生成精美的CSS3驱动的关键帧动画。 bouncejs.com上的工具允许您生成静态关键帧,无需任何额外的JavaScript即可使用,但是如果您’d。就像您的应用程序动态生成这些代码一样,您可以使用Bounce.js库。

Bounce.js

SVG.js

一个轻量级的库,用于操纵和动画SVG,没有任何依赖关系。

SVG.js

反应本机动画

标准的易用动画集和声明式过渡

反应本机动画

冲压喷气机

冲压喷气机使得无论两个元素在DOM树中的位置如何,一个DOM元素似乎都能转换为另一个。通过复制两个元素(及其所有子元素),在每个元素上设置固定位置,然后使用CSS变换使两个元素同步变形,来实现此目的。

冲压喷气机

动画加

这是一个JavaScript动画库,专注于性能和创作灵活性。它的目标是提供稳定的60 FPS,并且重量小于3 KB(缩小和压缩),使其特别适合移动设备。

动画加

粒子.js

用于创建粒子的轻量级JavaScript库。

粒子

cta.js

cta.js或“Call to Animation”是一个轻量级的性能库,可以对任何元素进行动画处理(“action”)到任何其他元素(“effect”) on the page.

cta.js

滚动显示

这是一个JavaScript库,用于在元素进入/离开视口时轻松对其进行动画处理。它的设计既坚固又灵活,但是希望您会在下面惊讶于它的便捷性。

滚动显示

KUTE.js

它是本机JavaScript动画引擎,具有出色的代码质量,糟糕的性能,SVG变形,笔画和2D&3D变换,CSS3变换,颜色以及其他CSS3属性或表示属性。

KUTE.js

MixItUp 3

高性能,无依赖的库,用于动画过滤,排序,插入,删除等。

MixItUp 3

Granim.js

使用此小型javascript库创建流畅的交互式渐变动画。

Granim.js

蚂蚁运动

它是Ant Design的运动设计规范,还为您的React应用程序提供了包含许多现成动画的完整解决方案。

蚂蚁运动

速度

这是一个动画引擎,具有与jQuery相同的API’s $ .animate()。无论是否使用jQuery,它都可以使用。它 ’s的速度非常快,它具有彩色动画,变换,循环,缓动,SVG支持和滚动功能。这是jQuery和CSS转换的最佳结合。

速度

卡特

卡特是基于多实例导演的场景图经理。它可以使用Canvas,WebGL和CSS以相同的代码库进行渲染。具有角色,容器,场景过渡,行为,插值器,路径,自定义仿射变换堆栈,计时器,元素生命周期等功能。

卡特

辉煌

The easiest way of creating 动画s to show your code in 行动.

辉煌

Vivus.js

这是一个轻量级的JavaScript类(无依赖项),可让您对SVG进行动画处理,使其具有被绘制的外观。可以使用多种不同的动画,还可以选择创建自定义脚本以任意方式绘制SVG。

vivus.js

GreenSock动画平台

GSAP是一个JavaScript库,用于创建可在每种主流浏览器中使用的高性能动画。在解决超过400万个站点的实际问题时,没有其他库可以提供这样的高级排序,可靠性,API效率和严格控制。 GSAP解决了无数浏览器不一致的问题;你的动画‘just work’。 的CSS属性,SVG,画布库,通用对象的自定义属性,颜色,字符串…动画任何东西! GSAP的核心是高速属性操纵器,可随着时间的推移以极高的精度更新值。它’比jQuery快20倍!

GSAP

Emergence.js

轻巧,高性能的JS插件,用于检测和处理浏览器中的元素。

Emergence.js

Zeu.js

它是JavaScript库,具有一组预建的可视化组件,用于构建实时电视仪表板,监视UI和IoT Web界面。

Zeu.js

egjs

Javascript组件组以您的方式带来了最简单,最快的方式来构建Web应用程序。

egjs

Origami.js

最初,它’s是一种在学校中教授几何,网络和javascript的工具。目前,它’是使用HTML5 Canvas创建的功能强大的库。

origami.js

打字

这个星球上功能最丰富的JavaScript动画键入工具。

打字

between.js

老实说,Javascript生态系统中已经有大量的补间引擎,有很棒的补间引擎,例如Tween.js和GSAP。我喜欢简单,因此有优点也有缺点&Tween.js的可访问性和GSAP的性能/流畅性。但是,网络正在向前发展,需要升级图书馆以满足当今的条件。

between.js

赏金

JavaScript里程表或老虎机效果库,用于通过运动模糊平滑过渡数字。库使用功能性方法和ES7功能绑定语法。内部基于SVG。

赏金

分裂

它创建元素并添加CSS变量,以释放出惊人的可能性来设置文本,网格等动画效果!

分裂

Force.js

滚动和动画化页面的简单方法。

Force.js

高速公路

高速公路是一个轻量级,健壮,现代且灵活的库,它将使我们能够在网站上以优美的过渡效果创建AJAX导航。

高速公路

反应-burger-menu

An off-canvas sidebar 反应 component with a collection of 影响s and styles using 的CSS transitions and SVG path 动画s.

反应-burger-menu

AniJS

它使您无需任何JavaScript或CSS编码即可为网站创建动画样式!您可以使用简单的If-On-Do-To语法用HTML指定所有动画。

AniJS

美光

它是一个微交互库,可用于将交互添加到不同的DOM元素。 美光使用CSS功能为元素设置动画,并且交互行为由JavaScript控制。

美光

扫荡

使网站页面之间的转换非常容易。

扫荡

1 Comments

  1. 布卡德波说:

    嗨,在这里一切都很好,当然每个人都在分享事实,’s really
    好,继续写作。

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.