68素材站

可能是最全的前端动效库汇总(二)

68素材 4093 0

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渲染器。



发表评论 (已有0条评论

还木有评论哦,快来抢沙发吧~