Browser editor, not desktop software
Desktop broadcast graphics tools tie design to one installed, licensed machine. Smart Graphics opens in a tab — your whole team designs from anywhere, always on the latest version of every template.
Smart Graphics · Cloud Broadcast Graphics
The HTML5 broadcast graphics editor, in your browser.
Smart Graphics is a browser-based broadcast graphics editor built on HTML5. Compose complete graphics packages on a visual compositing canvas with 52 animation presets, SVG masks, image filters and independent IN/OUT subcompositions. It is true WYSIWYG: the editor and the on-air output share the same render, so what you design is pixel-identical to what goes to air. And everything runs in the browser — a cloud broadcast graphics editor with no plugins, no After Effects, and no render machines to maintain.
A different approach to broadcast graphics.
Traditional workflows chain desktop broadcast graphics software, encoder plugins and dedicated render machines together. Smart Graphics replaces that whole pipeline with one URL.
No plugins
Nothing to install in your encoder or graphics chain. The output is a standard HTML5 page — load it as a browser source in any tool that renders the web and it plays out with full transparency.
No render nodes
There are no on-prem render machines to buy, rack or maintain. The output renderer is a cloud HTML5 page, so a laptop and a browser are the entire graphics pipeline.
No export step
Desktop workflows design in one app and play out in another, with renders in between. In Smart Graphics the editor and the output are the same render — WYSIWYG, pixel-identical on air.
A full compositing editor for broadcast graphics.
Everything you need to design lower thirds, full-screens, tickers and bugs — composed, animated and previewed in the same browser window.
Compositing editor
Layer text, images, video and shapes on a visual canvas with full control over position, stacking and timing — complete compositing in the browser.
52 animation presets
Animate any layer in and out with 52 built-in animation presets tuned for broadcast-grade motion — no keyframing from scratch.
SVG masks
Cut layers with scalable SVG masks for wipes, reveals and shaped containers that stay crisp at any output resolution.
Image filters
Apply blur, color and effect filters directly to layers inside the editor — no round trips to an external image tool.
IN/OUT subcompositions
Every subcomposition carries its own IN and OUT animation, so elements enter and leave air independently within a single graphic.
Pixel-identical output
The editor preview and the output renderer share one HTML5 render. What you see while designing is exactly what your audience sees on air.
See the editor in action.
A short look at composing a graphic in Smart Graphics — layers, animation presets and live preview, all in the browser.
Real compositing, in the tab
Layers, masks and filters compose live on the canvas — no proxy previews, no exports.
One-click broadcast motion
Any layer animates in and out with the 52 presets — broadcast-grade movement without keyframing.
What you see is what airs
The editor and the output share one HTML5 render, so the preview is pixel-identical to air.
Part of the SmartPanel platform.
Smart Graphics is one module of SmartPanel, the cloud platform for broadcast graphics and live production control. It works hand in hand with Smart Control and Smart Rundown. Explore the full feature set, connect your stack through integrations, and see plans when you're ready to roll it out to the whole team.