1
From a template
Pick a design from the library, one graphic or a whole kit, and change the text, colours and logo.
Beta Free and open source · In your browser
Create live graphics. Run the show.
Lower thirds, scoreboards and title cards for live shows and streams. Start from a template, import your own SVGs, or have your AI coding agent make them. Then play them straight from NoaCG through a browser source, or connect NoaCG Playout to CasparCG with NoaCG Bridge.
ProgramOn air
Step 1 · Create
Make a graphic the way you already work.
2
With your own SVGs
Draw it in Illustrator or any tool that saves SVG, then import it. Its text becomes fields you can change during the show.
You type to Claude Code or Codex:
Make me a clean scoreboard for a floorball stream: home, away, period, clock.
3
With your AI coding agent
Use Claude Code or Codex with the NoaCG CLI. Ask for a graphic, or a whole production with its rundown. Saving needs a free account.
Step 2 · Play or export
Then use them however your production works.
NoaCG Playout is the operator's screen: a rundown, preview and program, and Take, Update and Out. Change names and scores while a graphic is on air.
NoaCG Playout
CasparCG with NoaCG Bridge
A small Windows program that connects NoaCG Playout to your CasparCG server, and plays the server's clips from the same rundown. Our main production setup.
OBS and browser sources
Add the production's output URL as a browser source. In OBS, run the show from the control panel in a Custom Browser Dock.
Export packages
Download HTML templates for your own playout system. Packages for vMix and others are not yet tested there.
OBS Studio
Download NoaCG Bridge
Stream Deck module →
How playout works →
Operating needs no account. Publishing a production's output URL takes a free account.
Open standard
OGraf compatible.
OGraf is the EBU's open standard for web graphics. NoaCG graphics export as OGraf packages for renderers that support the standard.
Export as OGraf
Fonts and images included, and checked against the standard on export.
Free OGraf starters
Ready-made OGraf graphics, each with a guide to changing it. Take one →
Play OGraf packages from elsewhere Direction
OGraf graphics from other tools, run from NoaCG Playout. Not built yet.
Free and open source
Everything in the studio is free.
The source is open under the AGPL-3.0. Exported graphics are plain HTML, CSS and JavaScript and keep working without NoaCG. We would like to hear what you think.
What's new
What moved, and what comes next.
Latest update
Playout and Bridge
- Stream Deck: Download the Companion module from Downloads and run a production from your deck.
- Clearer deck keys: The Take key shows what its next press does, and presets are easier to read.
- Steady clocks: Scorebug clocks keep their time when you update the score after a Pause.
- Sync recovery: A stuck sync now says why, and Sync now retries it.
Editor and templates
- Credits as cards: Imported credits can hold one still page, or change cards on a press or timer.
- Safer reimport: Importing changed artwork keeps your fields, keys and data bindings, and protects what it cannot match.
- Look entrances: Each drawn look can land with a Cut, Fade or Pop.
- SVG examples: Download editable clock, timer and credits examples with Illustrator and Inkscape guides.
Now on the roadmap
Your own designs and brands
- Import a layered SVG from any design tool and keep its look, with text you can edit.
Graphics from your AI agent
- Ask Claude Code, Codex or another agent for graphics and get a production with its rundown ready.
The editor
- Restyle and animate the parts of an imported design without rebuilding it.
Controls for any graphic
- Quiz, score and clock controls that work on any graphic, even one you drew yourself.
Productions and playout
- Clips and audio that play reliably from the rundown on CasparCG.
OGraf, the open standard
- Every exported graphic passes the official OGraf checker and plays in other OGraf players.
Live data
- Graphics that take their values from data, APIs and feeds.