<aside> 🎨

Unleash your vision. Create, animate, and publish professional HTML5 broadcast overlays — lower thirds, tickers, scoreboards, and more — all from your browser.

</aside>


🎬 Getting Started

Learn what Smart Graphics can do and build your first overlay.

What is Smart Graphics?

Overview of the visual editor and what you can create.

Starting a graphic: Pick from Library vs Start from Scratch

Choose a ready-made template package or begin from an empty canvas.

Your first graphic: step-by-step tutorial

Build your first lower third from scratch in minutes.

Understanding the composition hierarchy

How Compositions, Subcompositions, and Elements work together.


🖥️ Editor Interface

Get to know the Graphics Editor layout and panels.

Navigating the Graphics Editor interface

Canvas, panels, toolbar — learn the editor layout.

Understanding the Composition Tree panel

Browse and organize your overlays and elements.

The Property Panel: editing element properties