Live Graphics Tool

Emergency Graphics Layer

Fast browser-source lower thirds, timers, and status graphics for OBS, vMix, TriCaster, and similar live browser-overlay workflows.

This is a practical live-use fallback and lightweight browser graphics layer. It is not a replacement for CasparCG, Viz, Flowics, SPX, or a newsroom graphics system.

Control Page

Type guest names, status labels, and timers here. TAKE sends them live. CLEAR removes them. This page is for the operator.

Output Page

Open the separate output page once and keep it loaded as a browser source. It stays transparent and UI-free for on-air use.

Browser Source Notes

Official references: OBS Browser Source and vMix Web Browser Input. For TriCaster-style HTML/browser workflows, treat this as a simple emergency layer, not a managed graphics stack.

Build Live Graphics

Add the graphics you need right now. Keep the surface small, direct, and easy to operate under pressure.

You can keep up to six guest straps live at once, plus one status label and one timer.

Global Look

One shared style set for every live element.

Guest Straps

Add only the straps you need. Each one keeps its own TAKE, CLEAR, position, and delete action.

No guest straps added yet.

Output Page

Open this once and keep it loaded as a browser source in OBS, vMix, TriCaster, or any equivalent browser-overlay input.

Preparing shared output…

output

Output Preview

This shows live state only. Draft text does not hit preview until TAKE.

How to Use It

  • Best flow: type text, confirm the preview, then TAKE to the output page.
  • Each guest strap keeps its own live state, position, and TAKE/CLEAR controls.
  • Output stays transparent and UI-free for browser-source use.
  • The secure output URL joins a shared relay, so this control page can drive OBS, vMix, or TriCaster even though it runs in a separate browser engine.
  • Keep the generated output URL private. Reloading the browser source recovers the latest intended live state.

Related Tools