动效组件
共 172 个设计师推荐的动效组件网站，按质量与推荐次数排序。
动效组件Libraries.dev
面向 AI 编码代理的高质量 UI 效果库，含 Beam、Orb、Gooey、Metal、Image 五个 MIT 开源包。
React Spring
基于弹簧物理的 React 动画库，用自然流畅的动效提升 UI 交互体验。
Spectrum UI
基于 shadcn/ui、Tailwind 与 Motion 的免费 React 组件合集，250+ 组件可复制粘贴或 CLI 安装。
动效组件Toggles.dev
开源动画主题切换组件，支持 React、Svelte 和 Vue，可通过 shadcn/ui 或 npm 安装。
Kokonut UI
基于 Tailwind CSS、shadcn/ui 和 Motion 构建的开源精美组件集合，可直接用于网站。
动效组件Loading UI
免费开源的 CSS 与 React 加载动画、Spinner 组件库，帮助打造精致且无障碍的加载状态。
Motiq
面向产品界面的开源动效 React 组件库，基于 shadcn/ui，以可编辑源码方式安装，含 86 个组件与工作流区块。
动效组件Lucide Animated
基于 Lucide 的免费开源动画图标库，350+ 个由 Motion 驱动的流畅 React 图标，MIT 许可，可复制粘贴使用。
动效组件Originkit
免费动效组件库，含 500+ 动画组件，可复制代码、用于 Framer 或通过 MCP 接入。
react-loader-spinner
React 加载动画组件库，提供 35+ 种纯 SVG 旋转加载指示器，零依赖、可定制、支持 TypeScript。
动效组件Devouring Details
面向交互设计师的交互参考手册，含 23 章内容与 23 个可下载的 React 组件。
动效组件Moving Letters
用 JavaScript 和 anime.js 实现的文字动画效果合集，提供多种可复用的文字动效代码。
3D / WebGL 库ThreeUI
284 个可直接复制粘贴的 Three.js 组件、模板与交互着色器，含 WebGL 背景、动效 Hero 与 UI 特效。
动效组件Motion Lexicon
100 个可直接复制的 React 动效组件，基于 shadcn registry，支持 reduced-motion。
siddz-ui
一套免费可复用的 React 与 Tailwind CSS 组件集合，复制粘贴即可使用，注重性能与可访问性。
动效组件SmoothUI
免费开源的 75+ 动效 React 组件库，兼容 shadcn/ui，支持逐组件安装，MIT 许可。
react-lottie-player
一个完全声明式的 React Lottie 动画播放器，基于 hooks 重写，正确处理播放/暂停等状态变化，无内存泄漏。
动效组件SmoothUI
基于 Motion 的动画 React 组件库，兼容 shadcn/ui，提供 198 个免费可定制组件。
ProgressBar.js
轻量级 JavaScript 进度条库，支持线形、圆形等内置形状及自定义 SVG 路径动画。
beUI
基于 Motion 与 Tailwind 的免费开源 React/Next.js 动效组件库，支持 shadcn CLI 安装。
组件库Wensity UI
面向 React 与 Next.js 的高级组件与区块库，通过 CLI 安装源码，含免费与付费内容。
动效组件Annnimate
基于 GSAP 的动效组件库，提供滚动显现、磁吸按钮、文字特效等，支持 React、Vue 与原生 HTML/CSS/JS。
UI Beats
基于 React、TypeScript、Tailwind CSS 和 Motion 的动画组件库，可通过 shadcn CLI 安装并拥有源码。
ns-ui
一个个人维护的 React 组件注册表，542 个组件每个围绕单一交互设计，可通过 shadcn CLI 按 URL 安装。