Spinning Wheel Overlay for OBS and Twitch
Build a wheel, copy one overlay URL into an OBS Browser source, and spin it live with a hotkey or a chat command from your mods. Transparent background, no account, no bot to install.
https://randompickerwheel.app/stream-mode/overlay?items=No-hit%20run%2CViewer%20picks%20game%2CPistol%20only%2CHard%20mode%2CSpeedrun%2010%20min%2CFree%20pass&bg=transparent&size=mPaste this into the URL field of an OBS Browser source. Your settings live in the link, nothing is saved on our side.
Open the overlay in a new tab- Viewer challengesSpin for the next handicap, loadout or punishment and let chat watch it land.
- Giveaways on streamPut the entrants on the wheel and spin the winner live, so everyone sees it's fair.
- What do we play nextLet the wheel pick the next game, map, character or song request.
- Subathon and charity goalsUnlock a spin at each milestone and let a mod trigger it from chat.
Add the wheel to OBS in five steps
Add a Browser source
In the Sources panel of your scene, click +, choose Browser, give it a name like Spin wheel and press OK.
Paste the URL and size
Paste the overlay URL, set Width 1920 and Height 1080 for a 1080p canvas, and leave Custom CSS as it is.
Keep it running
Uncheck Shutdown source when not visible and Refresh browser when scene becomes active, so the chat connection and last winner survive scene switches.
Key out the color if needed
Transparent needs nothing. For green or magenta, right-click the source, open Filters, add a Chroma Key and pick the matching key color.
Spin with Interact
Right-click the source and choose Interact. While that window has focus, your spin key works. Tick Control audio via OBS to route the tick sound through your mixer.
OBS Studio, Twitch, YouTube and other names are trademarks of their owners. This tool is not affiliated with or endorsed by them.
How stream mode works
Build the wheel
Type your entries, pick a background, size and position. The 16:9 preview on the left shows roughly how it sits on your stream.
Choose how it spins
Set a spin key for Interact, and add your Twitch channel if you want mods to spin it with a chat command.
Copy into OBS
Copy the overlay URL into a Browser source and follow the OBS steps on this page. Test once before you go live.
Built for live streams
Which trigger works on which platform
The wheel shows up on any platform because OBS draws it into your video. What differs is how you trigger a spin. The chat command listens to Twitch only. Everywhere else, spin with the key in the Interact window or with a click.
| Platform | Chat command | How to spin |
|---|---|---|
| Twitch | Yes, from you and your mods | Chat command, spin key or click |
| YouTube Live | No | Spin key or click in Interact |
| Kick | No | Spin key or click in Interact |
| TikTok LIVE via OBS | No | Spin key or click in Interact |
| Streamlabs Desktop | Twitch only | Same Browser source, add it from the Sources list |
Overlay URL parameters
Everything is in the overlay URL, so you can tweak a setting by editing the link in the Browser source properties without coming back here.
| Parameter | Values | What it does |
|---|---|---|
| items | Comma separated, URL-encoded | The entries on the wheel. At least two. |
| bg | transparent, green, magenta | Background behind the wheel. |
| size | s, m, l | How much of the canvas height the wheel takes. |
| pos | left, center, right | Where the wheel sits horizontally. |
| key | space, enter, none or one character | The key that spins while the source is focused. |
| channel | Twitch channel name | Turns on the chat command for that channel. |
| cmd | !spin by default | The chat word that triggers a spin. |
| mods | 0 | Only the broadcaster can spin from chat. |
| confetti | 0 | Turns off the confetti burst. |
Troubleshooting
Most problems come from the Browser source settings rather than the wheel itself.
| Problem | Likely cause | Fix |
|---|---|---|
| The spin key does nothing | The source isn't focused | Right-click the source, choose Interact and press the key inside that window. |
| Chat command does nothing | Wrong channel, or the sender isn't a mod | Check the channel name in the URL and try it yourself from the broadcaster account. |
| Wheel resets after a scene switch | Refresh browser when scene becomes active is on | Uncheck it in the source properties. |
| Green edges around the wheel | Chroma key similarity too low | Raise Similarity a little, or switch to the transparent background. |
| Wheel looks blurry | Source is scaled up | Set Width and Height to your canvas size and pick a larger wheel size instead. |
Twitch can change how its chat connection works. If the chat command stops working, the spin key keeps working.
Frequently asked questions
Do I need to log in or install a bot?
No. The overlay joins Twitch chat as an anonymous, read-only guest, so there is no password, token or bot account. It can't post or moderate.
Can viewers spin the wheel?
Not directly. Only the broadcaster and mods can trigger it from chat, or only the broadcaster if you choose Only me. A viewer can ask, and a mod can type the command.
Does it work for YouTube Live, Kick or TikTok?
Yes as an overlay, because OBS sends the wheel as part of your video. The chat command only listens to Twitch, so on other platforms spin with the key in Interact or with a click.
Why doesn't my hotkey work when OBS is in the background?
A Browser source only gets key presses while its Interact window has focus. OBS's global hotkeys can't press keys inside a web page, so keep the Interact window open on a second monitor.
Will viewers hear the spin?
The wheel plays a tick sound. With Control audio via OBS checked, it goes to the OBS mixer where you can set the level or mute it.
Can I change the entries mid-stream?
Yes. Build the new wheel here, copy the URL and paste it into the Browser source properties. The source reloads with the new entries.
Is the result really random?
Yes. Each spin's stopping point is chosen with crypto.getRandomValues, so every entry has the same chance and nobody can rig it from chat.