描述感觉，AI 直接给你动画代码！这个开源工具让 AI 生成页面动起来

你有没有这种感觉——让 AI 生成一个落地页，轻轻松松；但想让页面里的元素动起来？那就只能自己手写 CSS，或者… 忍着。

motion-anything 就是来解决这个问题的。

这是 nexu-io 团队出的一个开源 AI 动画引擎，核心用法超级简单：描述感觉，AI 直接给你动画代码。

比如你说”给我做一个卡片入场，像弹簧一样弹出来”，它就能生成带 spring 物理效果的 CSS 动画。不是录屏，是真正的代码。

它凭什么火？

这个工具本质上是一个可编辑的 AI 动画工作台。

亮点功能：
– Workbench（核心）：AI 在左侧规划生成，你可以在右侧直接点任意组件，给它加动画——进场、强调、退出、attention 四种触发器，加上 13 种运动动词（弹跳、滑动、旋转…），还能开 6 轨关键帧编辑器
– Library：内置 403 个精选动画配方，每个配方都标注了”避免用在哪里”和”克制预算”——什么意思？防止 AI 给你整出满屏元素一起淡入那种土味动画
– Video Editor：内置视频合成器，可以做产品发布视频、动态 Banner，带文字/形状/图片/视频图层，五个场景真实转场，支持 WebCodecs 浏览器内导出 MP4，无水印、不上传
– 品牌包：接入了 59 个设计系统的品牌规范（暗色/亮色/对比色自动适配），选了品牌就能保证动画风格和视觉系统一致
– 引擎支持：Claude Code、Codex、Cursor、OpenCode、Grok Build、Hermes、Gemini、Open Design Cloud 全部自动识别，装了就能用
– 导出格式：JSON / CSS / React / Lottie / MP4 / GIF，统统支持

最戳人的一点：零依赖

整个库零 npm 依赖，不需要 React 不需要 three.js，两行 script 标签就能在任何页面跑起来。说白了，AI 生成的动画可以直接粘贴到你的项目里，不用配环境不用装包。

适合谁？

如果你经常需要：
– 用 AI 生成网页/落地页，但又觉得”没有灵魂”
– 做产品发布视频、Banner 动画
– 给现有界面加微交互但不想手写 CSS
– 想让 AI 生成的动画有”审美克制”而不是满屏弹跳

motion-anything 值得一试。它本质上是把”动画设计品味”做成了可配置的规则包——帮你绕过 AI 生成动画时最大的两个坑：要么太无聊（全部淡入），要么太浮夸（每个元素都弹来弹去）。

GitHub 直达：https://github.com/nexu-io/motion-anything（752 ⭐，持续更新中）

GitHub: https://github.com/nexu-io/motion-anything