motion - 支持手势和滚动效果的React动画库
构建带有拖拽、悬停、滚动和物理效果的React动画
标签
更新于: 2026-02-09能力
典型输入
典型输出
该技能可以做什么
- 动画化React组件
- 应用拖拽手势
- 创建滚动动画
- 触发悬停效果
- 变形SVG路径
- 管理退出过渡
输入
- React组件
- 动画参数
- SVG元素
- 滚动位置
- 手势输入
输出
- 动画化的UI元素
- 变换后的组件
- 交互式手势
- 滚动联动动画
要求
- React 18+ 或 19+
- 客户端渲染
- Next.js use client指令
- 无Tailwind过渡冲突