ograf.app 是什么？
ograf.app 是一个免费的 OGRAF HTML 动画资源站：发现、预览、下载和分享用 HTML/CSS/JavaScript 制作的动画模板，面向视频包装、直播图形、网页动效与程序化视频场景。
QA · 网站说明
ograf.app 是什么？
本页以问答形式说明 ograf.app 的用途、内容与使用方式，便于访客与 AI 快速、准确地理解本站。
网站
ograf.app · OGRAF HTML 动画
类型
免费的 HTML 动画模板资源库
内容规模
68 个动画模板 · 11 个分类
价格
资源免费下载 · 插件 ¥19 / 年
兼容软件
CasparCG / OBS / vMix / DaVinci Resolve
支持语言
中文 / English
网站提供哪些内容？
社区上传的动画模板覆盖字幕、文字、图表、数字、卡片、动态背景等分类，每件作品均有详情页，支持在线预览、免费下载、star 与收藏；此外还有 HTML 动画、程序化视频、AI 动画等主题指南。
动画以什么格式提供？
以标准 .ograf 压缩包提供，包含 project.json（元信息与数据字段）与 index.html（渲染入口）；同一份包可以在浏览器、ograf 播控环境以及 CasparCG / OBS / vMix 等 HTML 渲染器中运行。
动画的技术原理是什么？
OGRAF HTML 动画是用 HTML/CSS/JavaScript 编写的图形包，在浏览器引擎中逐帧绘制；宿主通过 ograf 消息协议（start / stop / update）控制播放并实时更新文字、颜色与数据字段，因此一套模板可以反复复用、批量出片。
谁适合使用 ograf.app？
视频剪辑师与动效设计师（DaVinci Resolve 工作流）、直播与广播团队（CasparCG / OBS / vMix）、程序化视频与 AI 内容生产者，以及需要在网页中实现动效的开发者。
如何使用这些动画？
通过搜索或分类浏览找到目标动画，在详情页在线预览效果，然后免费下载 .ograf 包。浏览无需注册，下载需登录账号；登录后还可以 star、收藏、复制到工作区编辑，或发布自己的作品。
网站收费吗？
站内全部动画资源免费浏览、免费下载；仅「达芬奇 ograf 插件」（在 DaVinci Resolve 中导入并使用动画）需要 ¥19 / 年的授权，用于持续更新。
达芬奇 ograf 插件是什么？
让 DaVinci Resolve 直接使用 OGRAF HTML 动画的插件：授权后可在剪辑流程中导入 ograf.app 的作品，并在授权期内持续获得更新。
下载的动画可以用在哪里？
导入 CasparCG / OBS / vMix 等 HTML 渲染器直接播出；接入 Hyperframes、Remotion 或自研管线做程序化视频渲染；也可以直接作为网页动效素材使用包内的 HTML/CSS/JS。
可以上传和分享自己的作品吗？
可以。登录后上传 .ograf / .zip 压缩包（不超过 500KB，包内需包含根目录的 project.json 与 index.html），补充标题、分类、许可证与标签后即可发布到社区；原包与解压文件会存入站点存储，动画页可直接引用包内资源。其他用户可以预览、下载、star、收藏，或复制到工作区进行二次创作。
下载和使用动画需要注意什么？
每件作品在详情页标注许可证、分辨率、帧率等属性；下载和使用前请查看并遵守对应许可证条款，二次创作时同样适用。
ograf.app 和 Hyperframes、Remotion 是什么关系？
Hyperframes 与 Remotion 都是程序化视频的渲染技术，ograf.app 的动画模板可以接入这两类工作流；站内提供 Hyperframes vs Remotion 对比与程序化视频指南，帮助你选择技术方案。