Streamer Emblem Overlay Beta 1.4

✨ Creating New Overlay

Step 1 of 5

1) Start

Choose one to begin:

Paste your Edit link below to load an existing overlay:

Paste existing overlay (If no Existing Overlay, leave blank)

Edit link (recommended) or Overlay URL

Overlay URL loads settings but cannot update the same URL. Edit link enables Update.

Load

2) Pick Emblems

Selected Emblems

No emblems selected yet. Search below and click to add.

Search Emblems To Add To Overlay

3) Title + Background

Title Header text + style

Title/Header (optional)

Title Font Size (px)

Title Font Style

Title Font Color

Title Alignment

Shown at top of overlay (inside the same panel background as emblems).

Subtext Secondary line under title

Subtext (optional)

Subtext Font Size (px)

Subtext Font Style

Subtext Font Color

Subtext Alignment

Shown below the title. Great for instructions like "Type !emblem to enter".

Background Panel behind emblems

Panel Background Color

Sets the panel behind the emblems (the overlay background). OBS page stays transparent.

Panel Background Opacity

Default 80%. (Rec 80 or 90%)

4) Layout + Emblem Settings

Layout (How to Display Emblems) How items display

Layout Mode

Carousel and Paged Grid auto-cycle. Scroll layouts loop continuously.

Emblems Name Display Names + sizing

Emblem Name

Emblem/Custom Name Size (px)

Horizontal Alignment

Vertical Alignment

Custom Name Override (optional)

Leave blank to show actual emblem names. Enter text to replace all names with custom text.

Emblem/Custom Name Font Style

Emblem/Custom Name Color

Name Backdrop Color

Background color behind emblem name (when displayed Inside).

Name Backdrop Opacity

Emblem Size

For Grid, the overlay will auto-fit to avoid cutting off emblems.

5) Generate OBS URL

Create or Update Overlay

Your OBS Overlay URL

Add this URL as a Browser Source in OBS (800x600 recommended).

Live preview

This is how it will look in OBS (800x600). (Will Be Transparent Background Besides Overlay)