动画库
共 82 个设计师推荐的动画库网站,按质量与推荐次数排序。
动效组件Kinetics
基于弹簧物理的网页微交互动效库,可调参数并复制 CSS 或 React 代码。
KUTE.js
高性能 JavaScript 动画引擎,支持 3D 变换、SVG 变形与绘制、滚动动画等,模块化设计。
simpleParallax.js
轻量级视差效果库,支持 React、Next.js 和原生 JavaScript,直接作用于 img 和 video 标签。
动画库AnimXYZ
基于 CSS 变量的可组合动画工具包,无需写关键帧,支持 Vue、React、SCSS 和纯 CSS。
动画库RoughNotation
一个小型 JavaScript 库,可在网页上创建并动画化手绘风格的标注,如圈选、下划线、高亮等。
react-animatable
基于 Web Animations API 的极简 React 动画 Hooks 库,体积约 1kB,支持 ScrollTimeline。
动画库simpleParallax.js
轻量级 JS/React 视差滚动库,直接给 img 标签加视差动画,无需背景图,支持 Next.js。
react-anime
基于 anime.js 的 React 动画库,用组件和 props 轻松实现 CSS、SVG 与 DOM 动画。
AniJS
声明式 CSS 动画库,用类似句子的 data 属性为元素添加动画,无需写代码。
Rombo
Rombo 提供专业级网页动画,通过可视化编辑器快速生成 Tailwind CSS 等代码。
动画库Granim.js
轻量级 JavaScript 库,用于创建流畅、可交互的渐变动画,体积小于 10kB。
gooey-react
一个仅 0.5 KB 的 React 组件,为元素添加黏糊糊的融合(metaball)效果,支持 Safari。
MotionVideo
教 AI 编码代理做动效设计的技能包,用代码渲染片头、宣传片和更新视频。
动画库Tilt.js
轻量级 jQuery 视差倾斜悬停效果库,基于 requestAnimationFrame,60+fps 流畅运行
React Pulse Text
轻量零依赖的 React Hook,实现打字机式文字逐字出现与擦除动画,支持高度自定义。
react-voodoo
React 动画引擎,支持复杂手势、惯性、多指触控与 SSR 渲染,适合打造类原生交互。
react-lottie-player
一个用于 React 的声明式 Lottie 动画播放器组件,支持通过 props 控制播放。
动画库Midnight.js
一个 jQuery 插件,让固定头部在滚动时根据内容自动切换样式。
react-mt-svg-lines
一个 React 组件,通过 CSS 动画让 SVG 线条产生描边绘制效果,可包裹任意 SVG 使用。
react-gsap-enhancer
让 React 组件安全使用 GSAP 动画的高阶组件,避免 DOM 突变导致 React 更新出错。
react-web-animation
基于 Web Animations API 的 React 声明式动画组件库,支持关键帧与时间线控制。
lax.js
轻量级(<4kb)原生 JavaScript 滚动动画库,支持驱动值、缓动和预设效果。
nice-waves
一个轻量级 JavaScript 动画库,用于在网页上生成漂亮流畅的波浪动画效果。
react-spark-scroll
基于滚动的 React 动画库,通过声明式组件实现滚动触发动画,支持 GSAP 或 Rekapi 动画引擎。