react-motion
使用 Motion for React（原 Framer Motion）在 React/Next.js 中构建 UI 动画——微交互、使用 AnimatePresence 的进入/退出、布局与共享元素动画、手势（悬停、点击、拖拽）、滚动联动值、交错列表、模态框、标签页、菜单以及页面过渡。当用户提到 Motion、framer-motion、motion/react、AnimatePresence、layoutId、Next.js 中的页面过渡、动画模态框/菜单/标签页，或希望 React 组件感觉流畅生动时使用。
机器翻译查看英文原文
Build UI animation in React/Next.js with Motion for React (formerly Framer Motion) — micro-interactions, enter/exit with AnimatePresence, layout and shared-element animations, gestures (hover, tap, drag), scroll-linked values, staggered lists, modals, tabs, menus, and page transitions. Use whenever the user mentions Motion, framer-motion, motion/react, AnimatePresence, layoutId, page transition in Next.js, animated modal/menu/tabs, or wants React components to feel smooth and alive.
适用对象：React / Next.js。自动收录 · 待核查。
在 Codex 中使用
该组合的专门教程待补充，尚未核实适配。
准备条件
- 本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。
选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。
查看原作者说明 ↗