Designeer

合集 · 27 个精选 · 2026

React 动画组件库

这些库的组件自带动效：hero 区块、文字效果、滚动显现与微交互，都能直接复制进项目。大多基于 Motion 或 GSAP 与 Tailwind。把预览并排看，缓动与克制程度的差异看比读更容易分辨。

选自 React UI 组件库。

27 / 27

forgeui.in
ForgeUI preview
ForgeUI组件库带动效的 React 与 Tailwind 组件，还配有现成模板，帮你更快搭建界面。
motion-primitives.com
Motion Primitives preview
Motion Primitives组件库基于 Motion 库打造的动效 React 组件，为界面增添动感。
reactbits.dev
React Bits preview
React Bits组件库一组富有创意的动效组件，可直接用到 React 项目中。
number-flow.barvian.me
NumberFlow preview
NumberFlow组件库平滑呈现数字变化动画的组件，兼容各主流框架。
amicro.vercel.app
Amicro preview
Amicro组件库轻量、即插即用的基元，为 React 界面添加微动画。
painterly.design-tools.workers.dev
Painterly preview
Painterly组件库基于 canvas 的艺术化加载动画，封装成 React 组件。
evilcharts.com
Evil Charts preview
Evil Charts组件库带动效的 SVG 图表组件，能完美融入 shadcn/ui 项目。
rareui.com
Rare UI preview
Rare UI组件库一组独具特色的动效 UI 组件，用于搭建 React 界面。
beui.dev
beUI preview
beUI组件库用 Tailwind CSS 设计样式的动效 React 组件，加快界面开发。
cult-ui.com
Cult UI preview
Cult UI组件库由 Framer Motion 驱动的动效 React 组件，带来流畅的界面动画。
magicui.design
Magic UI preview
Magic UI组件库专为搭建落地页打造的动效 UI 组件。
ui.aceternity.com
Aceternity UI preview
Aceternity UI组件库潮流的动效组件与 hero 区块，用于打造吸睛的网页。
animate-ui.com
Animate UI preview
Animate UI组件库借助 Motion 动画库注入活力的无障碍 shadcn 组件。
eldoraui.site
Eldora UI preview
Eldora UI组件库专为快速搭建网页落地页定制的动效 UI 组件。
smoothui.dev
Smooth UI preview
Smooth UI组件库动效丰富的 React 组件，可直接复制到你自己的项目中。
syntaxui.com
Syntax UI preview
Syntax UI组件库带动效、可复制粘贴的 UI 组件，用于快速拼搭落地页。
rolling.kitlangton.dev
Rolling Number preview
Rolling Number组件库一个 React 数字计数器，数字变化时带有平滑的滚动动画。
annnimate.com
Annnimate preview
Annnimate组件库用 GSAP 动画库打造、可直接用于生产环境的动效组件。
fluidfunctionalism.com
Fluid Functionalism preview
Fluid Functionalism组件库以基于物理、目的明确的动画驱动运动的 UI 组件。
sonaui.com
Sona UI preview
Sona UI组件库可复制进代码库的动画 React 组件，完全归你所有、可自由改样式。
text-effects.colorion.co
Colorion Text Effects preview
Colorion Text Effects组件库可直接复制粘贴到界面中的动画文字效果。
dotmatrix.zzzzshawn.cloud
Dot Matrix preview
Dot Matrix组件库为 shadcn 项目打造的五十多款点阵风格加载动画。
odysseyui.com
Odyssey UI preview
Odyssey UI组件库构建于 shadcn 组件体系之上的一套动画 React 组件。
skiper-ui.com
Skiper UI preview
Skiper UI组件库可用 Tailwind CSS 组合与设计样式的动画 UI 基础组件。
vengeanceui.com
Vengeance UI preview
Vengeance UI组件库围绕滚动驱动交互与效果打造的动画 React 组件。
amacro.vercel.app
Amacro preview
Amacro组件库可直接嵌入的页面进场动画，几乎无需配置即可加入 React 应用。
shadcn-animated.vercel.app
Animated shadcn/ui preview
Animated shadcn/ui组件库由 Motion 驱动的标准 shadcn/ui 组件动画版本，用于打造动画界面。
27 个最佳 React 动画组件库（2026） — Designeer