Beta Free · Browser-based · No sign-up to try
Broadcast graphics, built in minutes.
NoaCG Studio is a free tool for creating premium HTML broadcast graphics — lower thirds, tickers, scoreboards, timers, title cards — and running them anywhere: OBS, vMix, SPX Graphics, CasparCG, OGraf and more. Pick a template or describe it to AI; the result is clean, editable code you own.
house strap
live clock
show openHow it works
Choose, tweak, go on air.
A guided wizard builds the whole graphic from choices — no code required. Professionals can open the always-available editor and take full control of the same file.
Start from 43 broadcast-grade templates
Lower thirds, tickers, scoreboards, countdowns, credits, quiz graphics and more — in consistent style families, so your package reads as one show. Or describe any graphic and let AI write it.
Your brand, without opening code
Custom colors, imported fonts (embedded in the export), your logo, position, size, and animation — all from live panels. Every change writes real, readable code you can inspect and edit.
Export a working package
One click gives you a plug-and-play package: a browser-source overlay for OBS and vMix, an SPX template, a CasparCG single file, or an OGraf graphic — validated, offline-ready, fonts and images bundled.
The whole pipeline
From idea to on-air. All of it.
Most tools stop at a pretty graphic. In a real production the graphic also has to be operated — cued, updated, fed live data — and then run on whatever playout system your studio uses. NoaCG covers the entire journey.
01 START
Create your graphic
Begin wherever it suits you — every path ends in the same clean, editable code.
Template wizard
Pick from 43 broadcast-grade templates and shape yours with guided choices — no code required.
Describe it to AI
Say what you want; AI writes the whole graphic as clean, commented code you own.
Bring your brand
Import your colors, fonts, and logo — new graphics pick up your look automatically.
Blank canvas
Start from a clean, minimal template and build every line yourself.
02 EDIT
Build and customize
Mix workflows freely — visual, code, timeline. They all edit the same file, live, and nothing hides behind a scene model.
Visual editing
Drag, resize, and edit text directly on the canvas — every gesture writes readable code.
Real code
Open the always-available editor: clean, commented HTML, CSS, and JavaScript.
Timeline animation
Entrances, holds, and exits — tuned per layer, preset or hand-crafted.
Multi-step reveals
Graphics that advance stage by stage, one Continue press at a time.
Node logic planned
Advanced logic and interactive behaviour in a visual node editor.
03 OPERATE
Run it in a live show
A graphic isn't finished when it looks good — someone has to drive it on air. Every graphic comes ready to operate, not just ready to play.
Operator control panel
Auto-generated for every graphic: cue it, update it, step it — zero extra work.
Editable live data
Change names, scores, and text on air without touching the file.
Google Sheets feed
Point a graphic at a sheet and update content from anywhere, live.
Remote control
Drive it from another tab, an OBS dock, or another device over the cloud.
Audience send-in
Collect moderated viewer messages straight into an on-air graphic.
More data sources coming
APIs, dashboards, and automated feeds for hands-off graphics.
04 EXPORT
Use it anywhere
One click builds a validated, plug-and-play package for the system you already use — fonts and images bundled, fully offline, no lock-in. It's your code.
Every package is validated before export — it just works.
Beta Also in the studio
Need a video, not a live graphic?
Describe a stinger, an opening title, a logo reveal, or a countdown, and AI writes it as a real composition you can edit — then render it to a file. It opens in its own Video workspace, separate from the broadcast-graphics editor, because it is a different job: nobody cues it live, you hand off the finished clip.
In beta, and the one part that needs a free account — it runs on AI.
Honest engineering
The code is yours. Forever.
Nothing hides behind a visual-only scene model: every graphic is real HTML, CSS, and JavaScript — clean, commented, and editable. The app is open source (AGPL), self-hostable, and works fully offline. Creating, editing, and exporting are free, always; an account only adds cloud sync, community templates, and AI.
Currently in beta
Solid today, sharper every week.
NoaCG Studio is in beta. The smoothest ways to make a graphic right now are the template library, importing your own artwork, and AI generation — advanced custom editing works, and we're still polishing it. If something feels rough, we want to hear about it.
Questions, feedback, or business inquiries: contact.noacg@gmail.com