framer-motion-animator

用途：为 React 界面添加流畅动画与微交互，包括页面过渡、手势、滚动动画和编排序列，使用 Framer Motion 的声明式 API。安装：npm install framer-motion。主要能力：用 motion.div 等组件实现挂载、悬停（whileHover）、点按（whileTap）动画；用 AnimatePresence 处理退出动画；用 variants 实现列表错峰（staggerChildren）与交互状态；用 layoutId 和 LayoutGroup 实现共享布局动画；手势方面支持 drag 与滑动删除；滚动方面提供 useInView、useScroll、useTransform 实现滚动触发与视差；钩子包括 useAnimate（命令式序列）、useMotionValue、useReducedMotion。使用方式：引入 motion 与相关 API，通过 initial/animate/exit/transition 属性配置透明度、缩放、位移、旋转及 spring 物理参数。适用场景：Next.js App Router 页面模板动画、模态框、标签切换、可拖拽卡片、滚动进度条等。限制与建议：优先使用 GPU 加速属性（opacity、transform），避免动画 width、height、top、left 以防布局抖动；退出动画需配合 AnimatePresence；应使用 useReducedMotion 尊重减弱动态偏好；对外发布前在低端设备上测试性能。具体收费、平台支持与版本信息暂未提供。