Hunt Now

动画库

共 82 个设计师推荐的动画库网站,按质量与推荐次数排序。

全部 组件与代码组件库 862区块 / Sections 31动效组件 102图表组件 41设计系统 190代码片段 / CSS 效果 40样式框架与工具 79动画库 623D / WebGL 库 10
动画库

GSAP

专业级 JavaScript 动画库,可流畅动画化 UI、SVG 与 WebGL,性能出色、缓动丰富。

HTML/CSS落地页
gsap.com1 处推荐
动画库

Motion

面向 React、JavaScript 和 Vue 的现代动画库,支持手势、弹簧、布局过渡与滚动联动。

开源ReactVue落地页
github.com1 处推荐
动画库

GSAP

专业级 JavaScript 动画库,高性能、跨浏览器,可动画化任何 JS 能触及的内容。

免费+付费HTML/CSS
greensock.com1 处推荐
动画库

Motion

生产级 Web 动画库,支持 React、JavaScript 和 Vue,提供高性能、小体积的动画 API。

开源ReactVue
motion.dev2 处推荐
动画库

Motion

生产级 Web 动画库,支持 React、JavaScript 和 Vue,轻量高性能,含 450+ 示例。

开源ReactVue
framer.com1 处推荐
3D / WebGL 库

three.js

轻量易用的跨浏览器 JavaScript 3D 库,基于 WebGL/WebGPU 渲染,可创建交互式 3D 场景。

开源HTML/CSS3D
github.com1 处推荐
动画库

Lottie

Airbnb 开源的动画库,解析 After Effects 导出的 JSON 动画,在移动端和 Web 原生渲染。

开源移动 App
airbnb.io1 处推荐
动画库

react-spring

基于弹簧物理的 React 动画库,支持声明式与命令式写法,跨平台兼容 react-dom 与 react-three-fiber。

开源React
github.com1 处推荐
动画库

Animate.css

开箱即用的跨浏览器 CSS 动画库,通过添加类名即可为元素快速应用弹跳、淡入等动画效果。

开源HTML/CSS落地页
animate.style1 处推荐
动画库

Anime.js

轻量级 JavaScript 动画引擎,支持 CSS、SVG、DOM 属性与 JS 对象,API 简洁强大。

免费HTML/CSS落地页作品集
animejs.com3 处推荐
动画库

@use-gesture

为 React 和原生 JS 提供鼠标与触摸手势绑定的工具库,几行代码即可实现拖拽等交互。

开源React
github.com1 处推荐
动效组件

React Bits

200+ 高质量、可定制的 React 动效与交互组件库,含背景、动画和微交互。

免费+付费ReactTailwind落地页
reactbits.dev1 处推荐
动画库

Theatre.js

带可视化编辑器的 JavaScript 动画库,可动画化 DOM、WebGL 及任意 JS 变量。

开源
theatrejs.com2 处推荐
动画库

Lightbox2

经典轻量级 JS 图片灯箱库,点击图片即可在当前页面叠加放大显示,支持图片组、标题与无障碍访问。

开源HTML/CSS
lokeshdhakar.com1 处推荐
动画库

AOS (Animate On Scroll)

轻量级滚动动画库,用 CSS3 让页面元素在滚动进入视口时触发淡入、翻转、缩放等动效。

开源HTML/CSS落地页
michalsnik.github.io1 处推荐
动画库

react-motion

基于弹簧物理的 React 动画库,用刚度和阻尼替代缓动曲线,简化交互动画实现。

开源ReactReact Native
github.com1 处推荐
动画库

Splide

轻量、灵活、无障碍的轮播/滑块库,TypeScript 编写,无依赖,无 Lighthouse 报错。

开源HTML/CSS
splidejs.com2 处推荐
动画库

particles.js

轻量级 JavaScript 粒子动画库,可快速为网页添加粒子背景与交互效果。

开源HTML/CSS落地页
vincentgarreau.com1 处推荐
动画库

Velocity.js

轻量级 JavaScript 动画引擎,API 与 jQuery $.animate() 相同,性能极快,支持颜色、变换、循环、缓动、SVG 和滚动动画。

开源HTML/CSS
velocityjs.org1 处推荐
动画库

Leon Sans

★ 10,164

用代码绘制的几何无衬线字体,可在 Canvas 中动态改变字重并生成自定义动画与形状。

开源HTML/CSS
github.com1 处推荐
动画库

Splitting.js

一个仅 1.5KB 的 JS 库,将文字、网格、图片拆分为元素并注入 CSS 变量,方便用 CSS 做动画。

开源HTML/CSS
splitting.js.org1 处推荐
3D / WebGL 库

Vanta.js

基于 three.js 的即插即用 3D/WebGL 动态背景库,几行代码即可为网站添加可交互的动画背景。

HTML/CSS落地页3D
vantajs.com1 处推荐
动画库

barba.js

轻量级 JavaScript 库,为网站页面切换添加流畅的过渡动画,提升浏览体验。

开源HTML/CSS
barba.js.org1 处推荐
动画库

React Flip Move

用 FLIP 技术为 React 列表重排、增删提供流畅动画的轻量库,体积小于 5kb。

开源React
github.com1 处推荐