OBS / Streamlabs Overlay

Spin the Wheel Live on Stream

FateWheel's stream overlay is a chroma-key browser source that puts a transparent spinning wheel directly inside your OBS or Streamlabs scene — no download, no plugins, completely free. Set up in under two minutes and run giveaways, pick winners, or make decisions live in front of your Twitch or YouTube audience.

Click to spin
LIVE👁 1,247 viewers
You

Live demo — this is the actual transparent overlay OBS adds to your stream. Click the wheel to spin it.

3-Step Setup

1

Build your wheel — no account needed

Go to FateWheel's homepage and build your wheel — add your entrants, customize colors, and adjust the spin duration. No sign-up required to get started.

2

Click Embed and copy the Stream Overlay URL

Click Embed, then copy the Stream Overlay (OBS) URL from the popup. The URL looks like: fatewheel.com/stream/custom?d={payload}&bg=00ff00

3

Add a Browser Source in OBS

In OBS or Streamlabs, add a new Browser Source. Paste the stream URL, set the size to match your canvas (e.g. 800×800), and apply a Chroma Key filter selecting the green color. The background vanishes — the wheel floats over your scene.

See it in OBS

1
Add a Browser Source and paste your stream URL (set it to 1920×1080).
OBS Browser Source properties dialog showing the FateWheel stream URL with width 1920 and height 1080, with a live wheel preview.
2
Add a Chroma Key filter to the source — the green background disappears.
OBS Filters dialog with a Chroma Key effect filter applied to the Browser Source, removing the green background in the preview.
3
Done. Your wheel floats transparently over your gameplay or camera.
The FateWheel spinner keyed onto the OBS canvas with the green background fully removed, floating transparently over the scene.

Controls

The stream overlay is interactive — you can trigger spins directly from your browser without switching windows.

InputAction
ClickSpin the wheel
Space / EnterSpin via keyboard
Winner bannerAuto-dismisses after ~6 seconds
?bg=RRGGBBSet chroma key color (default: 00ff00)

Tip: after adding the Browser Source in OBS, click anywhere inside the source preview to give it keyboard focus, then press Space to spin without touching your mouse.

Frequently Asked Questions

Does this work with Streamlabs as well as OBS?
Yes. Streamlabs OBS and obs-studio both support Browser Sources and Chroma Key filters in exactly the same way. Add the stream URL as a Browser Source in either app, then add a Chroma Key (or Color Key) filter to the source. The process is identical.
Can I use a background color other than green?
Yes. Append ?bg=RRGGBB (no #) to your stream URL to use any hex color as the background. For example, ?bg=ff00ff gives you magenta. Pick a color that does not appear in your wheel segments to avoid clipping. The default is ?bg=00ff00 (green).
Do spins in the stream overlay count toward my dashboard stats?
It depends on the URL type. Spins on a custom (unsaved) stream URL are not recorded anywhere — they're just for you and your audience. If you save your wheel with a free account first, its permanent stream URL does record every spin to your dashboard stats.
Does the stream wheel work for Twitch giveaways?
Absolutely. Type your entrants' names into a wheel on FateWheel, click Embed, and copy the Stream Overlay URL. When you're live, click the wheel (or press Space/Enter) to spin. The winner banner appears for about 6 seconds so your audience can clearly see the result before it fades.
Is this feature free?
Yes, completely free. FateWheel has no premium tier — the stream overlay, embed codes, and all other features are available to every user at no cost, with no account required. Saving your wheel with a free account is optional — it upgrades your custom URL to a permanent short link with live spin stats on your dashboard.

Ready to spin live on stream?

Build your wheel for free — no payment, no install, no account. Your Stream Overlay URL is ready the moment you click Embed.

💬 Feedback