Hunt Now

动画库

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

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

Kinetics

基于弹簧物理的网页微交互动效库,可调参数并复制 CSS 或 React 代码。

ReactHTML/CSS
kinetics.colorion.co7 处推荐
动画库

KUTE.js

高性能 JavaScript 动画引擎,支持 3D 变换、SVG 变形与绘制、滚动动画等,模块化设计。

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

simpleParallax.js

轻量级视差效果库,支持 React、Next.js 和原生 JavaScript,直接作用于 img 和 video 标签。

开源ReactNext.jsHTML/CSS落地页
github.com1 处推荐
动画库

AnimXYZ

基于 CSS 变量的可组合动画工具包,无需写关键帧,支持 Vue、React、SCSS 和纯 CSS。

VueReactHTML/CSS
animxyz.com1 处推荐
动画库

RoughNotation

一个小型 JavaScript 库,可在网页上创建并动画化手绘风格的标注,如圈选、下划线、高亮等。

HTML/CSS
roughnotation.com1 处推荐
动画库

react-animatable

基于 Web Animations API 的极简 React 动画 Hooks 库,体积约 1kB,支持 ScrollTimeline。

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

simpleParallax.js

轻量级 JS/React 视差滚动库,直接给 img 标签加视差动画,无需背景图,支持 Next.js。

ReactNext.jsHTML/CSS落地页作品集
simpleparallax.com2 处推荐
动画库

react-anime

基于 anime.js 的 React 动画库,用组件和 props 轻松实现 CSS、SVG 与 DOM 动画。

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

AniJS

声明式 CSS 动画库,用类似句子的 data 属性为元素添加动画,无需写代码。

开源HTML/CSS落地页
anijs.github.io1 处推荐
动效制作工具

Rombo

Rombo 提供专业级网页动画,通过可视化编辑器快速生成 Tailwind CSS 等代码。

Tailwind落地页
rombo.co1 处推荐
动画库

Granim.js

轻量级 JavaScript 库,用于创建流畅、可交互的渐变动画,体积小于 10kB。

开源HTML/CSS渐变
sarcadass.github.io1 处推荐
动效组件

gooey-react

一个仅 0.5 KB 的 React 组件,为元素添加黏糊糊的融合(metaball)效果,支持 Safari。

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

MotionVideo

教 AI 编码代理做动效设计的技能包,用代码渲染片头、宣传片和更新视频。

motionvideo.xyz1 处推荐
动画库

Tilt.js

轻量级 jQuery 视差倾斜悬停效果库,基于 requestAnimationFrame,60+fps 流畅运行

HTML/CSS3D
gijsroge.github.io1 处推荐
动效组件

React Pulse Text

轻量零依赖的 React Hook,实现打字机式文字逐字出现与擦除动画,支持高度自定义。

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

react-voodoo

React 动画引擎,支持复杂手势、惯性、多指触控与 SSR 渲染,适合打造类原生交互。

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

react-lottie-player

一个用于 React 的声明式 Lottie 动画播放器组件,支持通过 props 控制播放。

React
mifi.github.io1 处推荐
动画库

Midnight.js

一个 jQuery 插件,让固定头部在滚动时根据内容自动切换样式。

HTML/CSS落地页
aerolab.github.io1 处推荐
动效组件

react-mt-svg-lines

一个 React 组件,通过 CSS 动画让 SVG 线条产生描边绘制效果,可包裹任意 SVG 使用。

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

react-gsap-enhancer

让 React 组件安全使用 GSAP 动画的高阶组件,避免 DOM 突变导致 React 更新出错。

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

react-web-animation

基于 Web Animations API 的 React 声明式动画组件库,支持关键帧与时间线控制。

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

lax.js

轻量级(<4kb)原生 JavaScript 滚动动画库,支持驱动值、缓动和预设效果。

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

nice-waves

一个轻量级 JavaScript 动画库,用于在网页上生成漂亮流畅的波浪动画效果。

HTML/CSS落地页
gvguy.github.io1 处推荐
动画库

react-spark-scroll

基于滚动的 React 动画库,通过声明式组件实现滚动触发动画,支持 GSAP 或 Rekapi 动画引擎。

开源React落地页
github.com1 处推荐