OmniMotion
海量精选源站经典动效复刻，支持 React 19 与 Vue 3，复制代码即可使用。
覆盖 157 个顶尖设计与科技站点，从微交互到 WebGL 空间深度动效全覆盖。
AuroraButton.tsx60fps
极光按钮
全覆盖工业级交互组件
0全球解构源站
0核心动效分类
0%React 19 + Vue 3 双原生
组件分类矩阵
覆盖从物理仿真、微交互到 WebGL 着色器等 11 大动效领域，全量组件支持即开即用。
三步上手
01
选择组件
在组件库中按分类浏览，挑出需要的动效。
02
复制代码
打开组件详情页，一键复制实现代码。
03
粘贴到项目
粘贴进自己的工程，样式与动效即时生效。
import AuroraButton from './AuroraButton';
export function SubmitBar() {
return <AuroraButton>提交</AuroraButton>;
}覆盖主流动效技术
以上引擎全部已在 93 个复刻源站中出现，可按需求按需引入对应组件。
CSS Keyframes
浏览器原生、零依赖，过渡/脉冲/路径等基础动效首选。
GSAP
时间线 / ScrollTrigger / MorphSVG，最成熟的 JS 动画调度器。
Framer Motion
React 声明式动画、layout 动画、AnimatePresence 退场。
Motion · Vue
Vue3 声明式动画、variants、exitBeforeEnter。
Three.js
WebGL 3D 场景、粒子系统、ShaderMaterial。
WebGL · WebGPU
GPU 着色器、自定义管线、高性能计算粒子。
Lottie
AE/Bodymovin 导出 JSON，矢量、可缩放、小体积。
Anime.js
轻量 JS 动画引擎，DOM / SVG / CSS 属性均可调度。
Motion One
约 3KB 的极简 GSAP 替代，API 类似、体积更小。
React Spring
基于物理的弹簧动画、useTransition、useTrail。
Auto-Animate
列表增删/重排自动补间、无需手写 variants。
Lenis · Smooth Scroll
平滑滚动插值 + 视口检测，配合 GSAP 时间线。