动效组件库推荐
带动效和微交互的组件库：弹簧动画、滚动特效、按钮手感，复制源码再调参数。
共 10 个 · 由 JarinHe 人工挑选，附真实截图和点评
React Bits
免费 + Pro215+ 个免费动效 React 组件与背景
50K Star 组件丰富 十分推荐
最适合 动效 & 微交互 / 落地页React · 动效组件
React · [待确认]官网
Aceternity UI
免费 + Pro落地页上抢眼的光效和滚动动画
做落地页、作品集很出效果，后台系统就别用了。
最适合 动效 & 微交互 / 落地页Pro 模板 · 复制即用
React · Motion · Tailwind官网
动效组件 + 落地页与后台区块
还没点评这个库，先看看截图
最适合 动效 & 微交互 / 落地页shadcn 安装 · 动效组件
React · Motion · Tailwind官网
怎么选：10 个动效组件库速览
- Arc UI：给 React 项目加平静动效的组件库。适合想给 React 产品加细腻动效的开发者。 免费 + Pro · MIT
- React Bits：215+ 个免费动效 React 组件与背景。适合给落地页和品牌站加动效，不用自己写动画。 免费 + Pro · MIT + Commons Clause
- Canvas UI：35 个复制即用的 canvas 特效组件。适合想给页面加创意动效的前端开发者。 免费 · MIT + Commons Clause
- Shaders：200+ 开源 WebGPU 特效组件。适合给落地页、品牌站加 WebGPU 视觉特效。 免费 + Pro · MIT
- EasyUI：微动效 React 组件，复制源码即用。适合做落地页或产品页，要拿来即用的高质感动效组件。 免费 · MIT
- beUI：复制即用的 Motion 动效组件。适合React 项目，要免费 MIT 的轻量动效组件。 免费 + Pro · MIT
- Bencho：让按钮、开关有手感的微交互。适合想要免费可交互的 React 区块与界面音效灵感。 定价待确认 · MIT
- Aceternity UI：落地页上抢眼的光效和滚动动画。适合做 AI 产品落地页，要电影感动效与现成区块。 免费 + Pro
- Magic UI：营销页常用的动效小组件。适合落地页和作品集，要吸睛的动效组件做点缀。 免费 + Pro · MIT
- Watermelon UI：动效组件 + 落地页与后台区块。适合做 AI 应用，要现成的对话与生成类界面组件。 免费 · MIT