动效组件
共 172 个设计师推荐的动效组件网站,按质量与推荐次数排序。
Motion
面向 React、JavaScript 和 Vue 的现代动画库,支持手势、弹簧、布局过渡与滚动联动。
react-spring
基于弹簧物理的 React 动画库,支持声明式与命令式写法,跨平台兼容 react-dom 与 react-three-fiber。
Magic UI
面向设计工程师的动画 UI 组件库,150+ 免费开源组件,基于 React、Tailwind CSS 与 Motion 构建。
动效组件Motion
基于物理与光标交互的高级网页区块合集,可浏览、复制提示词并直接使用。
动效组件React Bits
200+ 高质量、可定制的 React 动效与交互组件库,含背景、动画和微交互。
动效组件Aceternity UI
基于 React 和 Tailwind CSS 的组件库,提供 200+ 可复制粘贴的动效组件与落地页模板。
代码片段 / CSS 效果Hover.css
一套纯 CSS3 悬停动效库,为按钮、链接、图标等元素提供上百种悬停效果,支持 CSS、Sass 和 LESS。
代码片段 / CSS 效果SpinKit
纯 CSS 实现的加载动画集合,提供多种简洁的 spinner 效果,无需 JavaScript。
Chánh Đại Components
Chánh Đại 出品的像素级精致 React 组件集,兼容 shadcn/ui 注册表,可一键安装复制。
AOS (Animate On Scroll)
轻量级滚动动画库,用 CSS3 让页面元素在滚动进入视口时触发淡入、翻转、缩放等动效。
react-motion
基于弹簧物理的 React 动画库,用刚度和阻尼替代缓动曲线,简化交互动画实现。
动效组件Hamburgers
一套纯 CSS 动画汉堡菜单图标库,提供 30 多种动画样式,支持 Sass 定制。
react-content-loader
基于 SVG 的 React 骨架屏组件,可自定义颜色、速度、尺寸,支持 React Native,体积小于 2kB。
动效组件Animata
156+ 个可直接复制粘贴的 React 动效组件,基于 Tailwind CSS,MIT 开源,支持无障碍与主题。
组件库KokonutUI
100+ 开源 UI 组件,基于 React、Tailwind CSS 和 Motion 构建,支持复制粘贴和 CLI 安装。
loading.io
在线生成 SVG/GIF/PNG/CSS/Lottie 加载动画、图标与文字动效的工具平台。
react-burger-menu
React 离屏侧边栏组件,内置多种 CSS 过渡与 SVG 路径动画效果。
Beste UI
基于 shadcn/ui 与 Tailwind 的 React 区块与组件库,可复制安装,含大量动效与 WebGL 背景。
Cult UI
开源的 shadcn/ui 风格动效组件库,含 154 个可复制粘贴的组件、区块与模板。
React Flip Move
用 FLIP 技术为 React 列表重排、增删提供流畅动画的轻量库,体积小于 5kb。
mo.js
轻量级 JavaScript 动效库,提供声明式 API 制作丝滑动画与特效,适合网页交互动效。
动效组件LDRS
免费开源的加载动画库,提供复制粘贴的 HTML 或 Web Components,兼容所有现代框架。
动效组件Motion-Primitives
开源动效 UI 组件库,基于 React、Next.js 和 Tailwind CSS,复制粘贴即可使用。
react-spinners
基于 React 的加载动画组件库,提供多种可自定义颜色、尺寸与速度的 Spinner。