MOTION LAB · 在线试玩 · 只玩不下

543 个动效模板,全部免费试玩

点开任意模板:改文案、改颜色、换数据,实时预览即时生效;还能垫上实拍底图,摆位置、调缩放,提前看到它叠在你的画面上是什么样子。 看中了想要源文件和本地渲染?去 下载与安装

没有匹配的模板,换个关键词试试。

实时预览 · 循环播放
底图
位置
微调
缩放 100%
底图模式下动效层以 screen 滤色 叠加(黑色部分透明),支持透明叠加的模板会自动切换透明底。

内容与数据 · 改了立刻生效

01 · GITHUB

GitHub 仓库(推荐)

178 个动效提示词已在 GitHub 全量开源(标准版 88 + 奶油贴纸版 90):复制提示词发给任意 AI 就能生成同款动效。能上 GitHub 的朋友直接克隆或下载 ZIP,顺手点个 Star。

打开 GitHub 仓库 ↗

git clone https://github.com/maning636/motion-prompts.git

02 · 打不开 GITHUB?

公众号 「老马AI研习社」 领同款打包

国内网络打不开 GitHub 很正常。微信搜索关注公众号 「老马AI研习社」,后台回复 动效模板,自动发你同款打包的领取方式。

公众号后台由人工 + 自动回复值守,一般当天都会回。

HyperFrames 安装教程(小白版)

试玩区看到的所有模板,本地渲染靠一个叫 HyperFrames 的命令行工具(把模板网页渲染成视频)。 请确认本地安装了 HyperFrames;如果没有,请按本页教程安装,或到公众号「老马AI研习社」后台回复「离线包」获取免联网离线包。 全程只需三步,大约 10 分钟。

1

安装 Node.js(HyperFrames 的运行底座)

打开 nodejs.org,下载 LTS 版(22 或更高),一路「下一步」装完。装好后关掉再重新打开命令行窗口(Windows 按 Win+R 输入 cmd 回车),输入:

node -v # 显示 v22.x.x 或更高 = 装好了
2

安装 HyperFrames

方式 A · 在线安装(能正常访问 npm):命令行里执行:

npm i -g hyperframes hyperframes --version # 显示 0.7.101 或更高 = 装好了

方式 B · 离线包(npm 拉不动 / 公司内网):到公众号「老马AI研习社」后台回复 离线包,获取 hyperframes-offline 离线包。解压后环境自检:

cd /d 解压目录 node scripts\check-env.mjs # 除字体两项 MISSING 属正常,其余应全部 OK
3

验证:渲染第一个视频

在线安装的,进入模板库目录渲染任意模板(工程目录里有 index.html 的那种):

hyperframes render templates\bar-chart-grow -o out.mp4 -q draft

离线包用户用自带的一键脚本(不联网、自带浏览器):

cd hyperframes-offline render-offline.cmd demo -o demo\renders\test.mp4 -q draft

看到 Render complete,且生成的 mp4 能正常播放 = 环境就绪,可以开干了。

'node' 不是内部或外部命令

Node.js 没装,或者装完没有重新打开命令行窗口。关掉所有 cmd / PowerShell 窗口再开一个新的试试。

渲染卡在 capture,或报 drawElement 错误

显卡不被支持。离线包用户请用 render-offline.cmd(自带软件渲染参数);在线安装用户给命令加上 --no-browser-gpu 参数。

提示找不到浏览器 / browser 目录

离线包没有解压完整,重新解压一遍,确认 browser\win64-…\chrome-headless-shell.exe 存在。

模板渲染出来字体不对 / 特别慢

模板用到的两款字体(MiSans、美呗嘿嘿体)因许可限制不随包分发,按包内 fonts/README.md 的官方链接免费下载,放进 templates 根目录后运行 node scripts\link-fonts.mjs 一键配好。

macOS / Linux 能用吗?

离线包里的浏览器是 Windows 版。Mac / Linux 请直接用方式 A 在线安装(npm i -g hyperframes,0.7.101+),其余用法完全一样。

说明:测试站只提供在线试玩,不提供渲染下载和工程保存;想要源文件请走上面的 GitHub 或公众号渠道。试玩区的一切改动都只发生在你自己的浏览器里,刷新即还原。