用途：为 Web 应用创建流畅专业的动画，覆盖 UI 过渡、动效设计与微交互，主要基于 Framer Motion 和 CSS 实现。
主要能力：UI 动画（页面过渡、组件进入/退出、悬停与按钮交互、加载动画）；滚动动画（视差、滚动触发、进度指示）；微交互（按压反馈、表单聚焦、成功/错误动画、拖放反馈）；以及复杂动画（拖拽、数字滚动计数）。同时提供性能、时长、缓动与无障碍实践建议。
使用方式：先安装依赖 npm install framer-motion，再从 framer-motion 引入 motion、AnimatePresence、useScroll、useTransform 等按需实现。资料给出多种可复用模式，包括淡入挂载、列表错落动画、按钮悬停缩放、模态框动画、页面过渡、滚动揭示、视差、滚动进度条、旋转加载、骨架屏、脉冲点、CSS keyframes、Tailwind 动画配置、成功勾选、通知角标、拖拽与数字计数等。动画建议优先使用 transform 和 opacity 等 GPU 加速属性，UI 动画时长约 200–400ms，缓动可用 easeOut 或 spring；可用 useReducedMotion 适配减少动态效果的无障碍需求。
适用场景：需要提升交互质感的前端界面，如页面切换、加载状态、表单与按钮反馈、列表呈现、营销页面滚动效果等。
限制：资料未说明收费、价格、平台支持范围或版本要求；示例基于 React 与 Next.js 语境，具体项目需自行适配；未提供效果实测数据与兼容性细节。