Overlay Studio v3.0

Advanced builder. Cleaner runtime. Better stream chat.

This rebuild keeps the current core idea but upgrades the whole stack: one consistent config system, a stronger overlay runtime, richer layout controls, safer TTS handling, and a far better setup page for generating OBS-ready URLs.

Queued TTS Live preview Presets Theme and layout control
4 themes

Unified theme loading and custom CSS layering instead of duplicated asset trees.

1 overlay URL

Everything now targets `overlay.php`, with compatibility left in place for older widget links.

Builder

Start with a preset, tune the details, then copy the generated URL into OBS.

Quick Presets

Good starting points for different stream styles.

Themes

Pick the mood first, then fine-tune layout and density.

The channel the overlay joins in Twitch IRC.

The active built-in theme file.

OBS browser source width in pixels.

OBS browser source height in pixels.

Message framing style.

How new messages enter.

Where the panel anchors inside the browser source.

Card material treatment for each message.

Main message readability.

Make names quieter or louder.

Stack depth before trimming.

Use 0 to keep messages visible.

Spacing between cards.

Panel and bubble roundness.

Useful for busy scenes.

How the browser assigns voices.

Speech speed.

Voice pitch.

Pair with OBS browser source audio.

How each message is announced.

Optional stylesheet layered on top of the chosen theme.

Rendering

Display options.

Framing

Panel presentation.

TTS and debug

Audio and diagnostics.

Live Preview

This loads the real overlay endpoint with your current settings.

Ready

Output

Paste this into an OBS browser source.

If you want TTS in OBS, keep the browser source audio enabled and give voices a moment to initialize.
Legacy links can still route through `widget.php`, but the new runtime lives in `overlay.php`.