Create animated, data-driven broadcast graphics visually or with AI.
OGraf Studio is an open-source, browser-based editor for EBU OGraf-compatible HTML5 graphics: lower thirds, scoreboards, tickers, full-screen graphics and reusable templates.
Download the latest release · Getting started · Documentation
- Visual authoring — Compose text, images, shapes, editable vector paths and Lottie animations in a dockable workspace with multi-monitor support.
- Animation and effects — Independent property tracks, easing, seamless loops, gradients, masks and composable effects.
- Reusable designs — Brand Kits, style packs, components and procedural patterns keep graphics consistent across a package.
- Live data — Bind text, images and colors to operator fields, with structured GDD objects, arrays and runtime collections.
- AI with operator control — Built-in AI chat and external MCP agents use revision-checked operations and visual review. The resulting layers and animation remain editable by the operator.
- Portable OGraf output — Export HTML5 packages with realtime playback and deterministic non-realtime seeking, checked before save and export.
Download a single-file server for
Windows x64, macOS Intel/Apple Silicon or Linux x64/ARM64. Run it and open
http://127.0.0.1:4318/. No Node.js, npm or Bun installation is needed. On macOS/Linux, first run
chmod +x <downloaded-file>. Platform verification and signing details accompany each release.
To run from source with Node.js 22+:
npm ci
npm run devOpen http://localhost:5173/. See the development guide for MCP setup, building executables and verification.
- Using Studio — projects, images, SVG and Lottie.
- AI authoring — built-in chat, MCP clients and the authoring skill.
- Release notes — what's new in 0.14.
- Contributing — community development and verification.
Automated OGraf conformance checks are not EBU certification or a guarantee of compatibility with every third-party player.
GNU Affero General Public License v3.0 (AGPL-3.0-only).