Hunt Now

动效组件

共 172 个设计师推荐的动效组件网站,按质量与推荐次数排序。

全部 组件与代码组件库 862区块 / Sections 31动效组件 101图表组件 41设计系统 186代码片段 / CSS 效果 37样式框架与工具 80动画库 623D / WebGL 库 10
动画库

Motion

面向 React、JavaScript 和 Vue 的现代动画库,支持手势、弹簧、布局过渡与滚动联动。

开源ReactVue落地页
github.com1 处推荐
动画库

react-spring

基于弹簧物理的 React 动画库,支持声明式与命令式写法,跨平台兼容 react-dom 与 react-three-fiber。

开源React
github.com1 处推荐
动效组件

Magic UI

面向设计工程师的动画 UI 组件库,150+ 免费开源组件,基于 React、Tailwind CSS 与 Motion 构建。

开源ReactTailwind落地页
magicui.design7 处推荐
动效组件

Motion

基于物理与光标交互的高级网页区块合集,可浏览、复制提示词并直接使用。

HTML/CSS落地页
motionin.design2 处推荐
动效组件

React Bits

200+ 高质量、可定制的 React 动效与交互组件库,含背景、动画和微交互。

免费+付费ReactTailwind落地页
reactbits.dev1 处推荐
动效组件

Aceternity UI

基于 React 和 Tailwind CSS 的组件库,提供 200+ 可复制粘贴的动效组件与落地页模板。

ReactTailwind落地页
ui.aceternity.com9 处推荐
代码片段 / CSS 效果

Hover.css

一套纯 CSS3 悬停动效库,为按钮、链接、图标等元素提供上百种悬停效果,支持 CSS、Sass 和 LESS。

开源HTML/CSS落地页
ianlunn.github.io1 处推荐
代码片段 / CSS 效果

SpinKit

纯 CSS 实现的加载动画集合,提供多种简洁的 spinner 效果,无需 JavaScript。

开源HTML/CSS极简
tobiasahlin.com2 处推荐
组件库

Chánh Đại Components

Chánh Đại 出品的像素级精致 React 组件集,兼容 shadcn/ui 注册表,可一键安装复制。

免费ReactTailwind落地页
chanhdai.com1 处推荐
动画库

AOS (Animate On Scroll)

轻量级滚动动画库,用 CSS3 让页面元素在滚动进入视口时触发淡入、翻转、缩放等动效。

开源HTML/CSS落地页
michalsnik.github.io1 处推荐
动画库

react-motion

基于弹簧物理的 React 动画库,用刚度和阻尼替代缓动曲线,简化交互动画实现。

开源ReactReact Native
github.com1 处推荐
动效组件

Hamburgers

一套纯 CSS 动画汉堡菜单图标库,提供 30 多种动画样式,支持 Sass 定制。

HTML/CSS
jonsuh.com1 处推荐
组件库

react-content-loader

基于 SVG 的 React 骨架屏组件,可自定义颜色、速度、尺寸,支持 React Native,体积小于 2kB。

开源ReactReact Native移动 App
github.com1 处推荐
动效组件

Animata

156+ 个可直接复制粘贴的 React 动效组件,基于 Tailwind CSS,MIT 开源,支持无障碍与主题。

开源ReactNext.jsTailwindHTML/CSS
animata.design1 处推荐
组件库

KokonutUI

100+ 开源 UI 组件,基于 React、Tailwind CSS 和 Motion 构建,支持复制粘贴和 CLI 安装。

免费+付费ReactNext.jsTailwind落地页
kokonutui.com2 处推荐
图标 / SVG 工具

loading.io

在线生成 SVG/GIF/PNG/CSS/Lottie 加载动画、图标与文字动效的工具平台。

免费+付费HTML/CSS
loading.io2 处推荐
组件库

react-burger-menu

React 离屏侧边栏组件,内置多种 CSS 过渡与 SVG 路径动画效果。

开源React
github.com1 处推荐
区块 / Sections

Beste UI

基于 shadcn/ui 与 Tailwind 的 React 区块与组件库,可复制安装,含大量动效与 WebGL 背景。

免费+付费ReactTailwind落地页SaaS
ui.beste.co1 处推荐
动效组件

Cult UI

开源的 shadcn/ui 风格动效组件库,含 154 个可复制粘贴的组件、区块与模板。

开源ReactNext.jsTailwind落地页
cult-ui.com2 处推荐
动画库

React Flip Move

用 FLIP 技术为 React 列表重排、增删提供流畅动画的轻量库,体积小于 5kb。

开源React
github.com1 处推荐
动画库

mo.js

轻量级 JavaScript 动效库,提供声明式 API 制作丝滑动画与特效,适合网页交互动效。

开源HTML/CSS
mojs.github.io1 处推荐
动效组件

LDRS

免费开源的加载动画库,提供复制粘贴的 HTML 或 Web Components,兼容所有现代框架。

开源HTML/CSS
uiball.com1 处推荐
动效组件

Motion-Primitives

开源动效 UI 组件库,基于 React、Next.js 和 Tailwind CSS,复制粘贴即可使用。

开源ReactNext.jsTailwind落地页
motion-primitives.com4 处推荐
组件库

react-spinners

基于 React 的加载动画组件库,提供多种可自定义颜色、尺寸与速度的 Spinner。

开源React
github.com1 处推荐