JavaScript 动画库
动画能使我们以独特的方式讲述故事并传达情感和想法。这里有 30 个 JavaScript 动画库可供我们在今后的项目中使用。
1、Greensock
地址:https://greensock.com/
用于构建适用于所有主流浏览器的高性能动画的 JavaScript 库。
2、Velocity.js
地址:http://velocityjs.org/
Velocity 是一个轻量级动画引擎,其 API 与 jQuery 的 $.animate() 相同。
3、Lax.js
地址:https://github.com/alexfoxy/laxxx
简单轻巧的香草 javascript 插件,可在您滚动时创建流畅美观的动画!
4、 Rellax.js
地址:https://github.com/dixonandmoe/rellax
一个光滑、超轻量级的 javascript 视差库。
5、three.js
地址:https://github.com/mrdoob/three.js/
一个易于使用的轻量级 3D 库,带有默认的 WebGL 渲染器。
6、wow.js
地址:https://wowjs.uk/
滚动时显示动画。
7、Chocolat.js
地址:http://chocolat.insipi.de/
免费灯箱插件。
8、Animate on Scroll
地址:https://michalsnik.github.io/aos/
滚动库上的动画以在您滚动时显示动画。
9、Tilt.js
地址:http://gijsroge.github.io/tilt.js/
一个微小的 requestAnimationFrame 为 jQuery 提供了 60+fps 的轻量级视差悬停倾斜效果。
10、Rough Notation
地址:https://roughnotation.com/
Rough Notation 是一个小型 JavaScript 库,用于在网页上创建和动画注释。
11、tsParticles
地址:https://particles.matteobruni.it/
一个用于创建粒子的轻量级库,废弃和过时的particles.js的改进版本。
12、Particles.js
地址:https://vincentgarreau.com/particles.js/
用于创建粒子的轻量级 JavaScript 库。
13、mo.js
地址:https://mojs.github.io/
用于 Web 的动态图形工具带。
14、Lightbox2
地址:https://lokeshdhakar.com/projects/lightbox2/
一个小型 JS 库,用于在当前页面顶部覆盖图像。
15、Slick
地址:https://kenwheeler.github.io/slick/
完全响应式的轮播。
16、Barba.js
地址:https://barba.js.org/
在你的网站页面之间创建流畅的过渡。
17、Locomotive Scroll
地址:https://locomotivemtl.github.io/locomotive-scroll/
一个简单的滚动库,提供视口中的元素检测和视差平滑滚动。
18、Owl Carousel
地址:https://owlcarousel2.github.io/OwlCarousel2/
免费响应式 jQuery 轮播。
19、Swiper.js
地址:https://swiperjs.com/
没有 jQuery 的免费、开源、现代滑块。适用于 Vanilla JS 和所有现代框架,如 React、Vue、Angular 等。
20、Splide
地址:https://splidejs.com/
用于轮播和滑块的免费纯 JS 库。
21、 Simple Parallax
地址:https://simpleparallax.com/
使用 javascript 获得视差效果的最简单方法。
22、 Kute.js
地址:https://thednp.github.io/kute.js/
KUTE.js 是一个适用于现代浏览器的 JavaScript 动画引擎。
23、Granim.js
地址:https://sarcadass.github.io/granim.js/index.html
使用这个小型 javascript 库创建流畅的交互式渐变动画。
24、Popmotion
地址:https://popmotion.io/
用于令人愉悦的用户界面的简单动画库。
25、Vivus
地址:https://maxwellito.github.io/vivus/
Vivus 是一个轻量级的 JavaScript 类(没有依赖项),它允许你对 SVG 进行动画处理,使它们看起来像是被绘制的。
26、Typed.js
地址:https://mattboldt.com/demos/typed-js/
JavaScript 打字动画库。
27、ProgressBar.js
地址:https://kimmobrunfeldt.github.io/progressbar.js/
带有动画 SVG 路径的响应式和流畅的进度条。
28、Anime.js
地址:https://animejs.com/
具有简单但功能强大的 API 的轻量级 JavaScript 动画库。
29、 AniJS
地址:https://anijs.github.io/
无需编码即可提升您的网页设计的库。
30、Remotion
地址:https://www.remotion.dev/
这个库本身不是一个动画库,但您可以使用它通过编写 JavaScript 代码来制作视频。
JavaScript 动画库相关推荐
- 2019年10个最受欢迎的JavaScript动画库!
摘要: 非常炫酷的动画库! 原文:值得看看,2019 年 11 个受欢迎的 JavaScript 动画库! 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 1. Three.js 超过 ...
- js svg语音波动动画_11 个非常受欢迎的 JavaScript 动画库,值得学习!
1.Three.js 超过46K的星星,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL.这个库提供了. .CSS3D 和 WebGL渲染器,让我们在设备和浏览器之间创建丰富的 ...
- 推荐 6 个不错的JavaScript动画库
web前端教程 用大白话,来讲编程 1. Three.js 提供了非常多的3D显示功能,超过46K的start,以一种直观的方式使用 WebGL. 这个库提供了<canvas>. < ...
- 11 个非常受欢迎的 JavaScript 动画库
我在网上寻找好用整洁的Javascript动画库时,我发现许多开发者推荐的一些动画库.经过我的研究,我收集了11个最好的动画库供你的使用学习,并且也可以应用到你的程序中. 1.Three.js 地址: ...
- Web前端:2022年最佳Javascript动画库
当你考虑制作网站时,你首先考虑的是如何使你的网站脱颖而出,虽然有很多方法可以让它脱颖而出,比如发布独特的内容.制作引人入胜的视频和文章,但吸引人的最佳方式之一是动画和图形.前端开发人员利用Javasc ...
- 1.GSAP(专业的Web/JavaScript动画库)
GSAP(专业的Web/JavaScript动画库) 这是第一篇博客,文章内容是关于GSAP动画库的使用,编写于2020年10月21日17时09分(v1.0.0). 前言 GSAP的全名是GreenS ...
- 30个你应该在2023年里使用的JavaScript 动画库
1.Greensock 地址:https://greensock.com/ 用于构建适用于所有主流浏览器的高性能动画的 JavaScript 库. 2.Velocity.js 地址:http://ve ...
- 2019年10个最受欢迎的JavaScript动画库! 1
摘要: 非常炫酷的动画库! 原文:值得看看,2019 年 11 个受欢迎的 JavaScript 动画库! 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 1. Three.js 超过 ...
- 11 个非常受欢迎的 JavaScript 动画库,值得学习!
1.Three.js 超过46K的星星,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL.这个库提供了<canvas>. <svg>.CSS3D 和 W ...
最新文章
- 视觉SLAM直接法与特征法及其在多传感融合中的思考
- ICinsights:中国芯片难达成既定的2025目标
- H3CTE京东翰林讲师分享实验2 网络设备基本调试
- 【 FPGA 】FIR滤波器开篇之传统抽头延迟线FIR滤波器实现介绍
- python语言安装-Python语言脚本的安装和配置
- idea2020 需要热部署吗_小微制造企业需要部署MES系统吗?
- php后台富文本编辑器的内容调用到前端小程序页面的一些显示问题,如:nbsp;
- Xcode自定义字体不能应用的原因
- 1元解锁 | Python万能代码模板 |10大必学实用技巧
- [译]LightSwitch 如何实现:在查询中创建和使用全局值(Eric Erhardt)
- 【MySQL】数据库基本操作、表的操作
- HashMap和HashSet的区别?
- ftp扫描工具下载,ftp扫描下载工具到底该怎么选择?
- 连点器android版本,连点器安卓手机版
- 【Debug记录】Libtorch部署YOLO时cmake报错--symbol lookup error: ./test/test: undefined symbol: _ZN2at6detail1
- 计算机软件时间,时间校对软件
- 大湾区国际创客峰会暨MFSZ2021重磅回归!
- 《历术甲子篇》冬至合朔表
- 路路通软件android版,家校路路通app
- 微信小程序云开发连接MySQL数据库