1. Build your overlay

Pick a starter Template at the top, or add pieces from the left panel. Click anything on the canvas to edit it on the right. Drag any edge or corner to resize — hold Shift on a corner to keep its proportions.

2. Use scenes for each moment

The tabs above the canvas are separate overlays in one project — Starting soon, BRB, Live, Ending. Click + Scene to add one, click an active tab to rename it.

3. Put it in OBS

1. Click Export HTML. Save the file somewhere you will not delete it.
2. In OBS: Sources → + → Browser.
3. Tick Local file and choose the file you saved.
4. Set Width 1920 and Height 1080 (match your canvas size).
5. Click OK. Your overlay appears with transparency — no green screen needed.

Anything live — chat, Spotify, timers, audio bars — only works in the HTML export. The PNG export is a flat picture with no movement.

Live pieces

Chat box — type your Twitch name and tick "Show real chat". Nothing to sign up for.
Audio bars — pick your input device; choose Stereo Mix or a virtual cable to visualise game sound rather than your mic.
Now playing — sign in with Spotify once and it updates itself.

Keyboard shortcuts

Show me around again

Replay the tour Turn all tips back on

Saving

Your work saves to this browser automatically and is offered back next visit. Use Save for a .json you can keep or move to another computer — that file holds every scene.