动效组件
共 173 个设计师推荐的动效组件网站，按质量与推荐次数排序。
ns-ui
一个个人维护的 React 组件注册表，542 个组件每个围绕单一交互设计，可通过 shadcn CLI 按 URL 安装。
MicroKit UI
面向开发者的微交互组件库，提供可复制粘贴的动效按钮、悬停、标签与输入框代码。
代码片段 / CSS 效果CSS Text Effects
90 个纯 CSS 文字动效库，渐变、故障、打字机等，点击即可复制 CSS 或提示词，MIT 许可。
Componentry
基于 React、Tailwind CSS 和 Framer Motion 的开源动效 UI 组件库，可复制粘贴使用。
Planes
一套手工调校的 React 交互动效组件库，基于 Tailwind 与 Motion，源码可直接复制修改。
动效组件Transitions.dev
提供 43+ 精心制作的 UI 转场动效，可复制粘贴或通过 AI 代理集成到项目中。
组件库Vuesax
提供 1100+ 原生 Web Components、区块、图表与动画，零依赖，可接入任意框架，并支持 MCP 从 IDE 直接粘贴。
Spell UI
面向 React 与 Tailwind CSS 的精美 UI 组件集合，支持复制粘贴直接使用。
组件库Nexvyn UI
免费精致的 React UI 组件库，TypeScript + Tailwind 构建，动效流畅，支持 shadcn CLI 安装。
组件库Cue
精选 Awwwards 级 UI 组件库，每个组件附带 AI 提示词，可导入 Cursor、v0 等工具。
组件库000h by Cojeev
一套富有表现力的 React 组件库，采用有机形状与有目的动效，基于 shadcn 注册表，源码可自由定制。
Atelier UI
面向 React 与 Next.js 的 WebGL 与动效组件注册表，源码复制进项目，共享单一 Canvas 与滚动循环。
动效组件Arc UI
内置动效的 React 组件与区块库，可通过 shadcn CLI 安装，支持 AI 工具生成。
动效组件Spectrum UI
开源动画就绪的 React 组件与区块库，基于 Next.js、Tailwind、Motion 和 shadcn/ui，含 250+ 组件并支持 MCP 一键安装。
react-scroll
React 轻量滚动组件库，实现页面平滑滚动、锚点导航与滚动监听。
tsParticles React
tsParticles 官方 React 组件，用于在网页中创建粒子、连线等动态背景效果。
组件库Vaul
Vaul 是一个为 React 打造的抽屉（Drawer）组件，支持手势拖拽与流畅动画。
动效组件Circle Loaders
24 个单色圆形加载动画，纯 CSS 与 SVG 实现，无依赖，支持减少动效偏好。
Snapcn
基于 shadcn 注册表的 44 个 Remotion 视频组件，含文字动画、字幕、设备样机与完整场景，代码可自行修改。
动效组件Sora UI
基于 Motion、Tailwind CSS 和 GSAP 的开源动效 React 组件库，兼容 shadcn/ui，可通过 CLI 安装。
Crafter UI
开源动效与交互组件库，基于 React + Tailwind，通过 shadcn CLI 安装，源码可复制可扩展。
动效组件Hyperiux Vault
面向 React 与 Next.js 的交互效果库，提供 50+ 免费、150+ Pro 的源码级动效，含 WebGL 与 GSAP 效果。
动效组件Fluid Functionalism
开源 UI 组件库，基于弹簧物理与流体悬停，动画服务于功能，兼容 shadcn/ui。
Anicon
开源的 React 动态图标库，500+ 基于 Motion 的 SVG 图标，像 shadcn 组件一样用 CLI 一键安装。