Spin the Wheel for Twitch

Build a wheel here and add it to OBS or Streamlabs as a browser source. The background is transparent, so only the wheel sits over your game, the result comes up in large text your viewers can read, and the wheel ticks as it turns.

Setting it up in OBS

Click + under Sources, choose Browser and give it a name. Paste the URL from this page into the URL box and set the width to 900 and the height to 1000. The page has no background of its own, so OBS shows your scene through it. Drag the corners on your canvas to make the wheel the size you want. A square-ish source keeps the result text from crowding the wheel.

Streamlabs Desktop works the same way: add a Browser Source, paste the URL and set the size.

Spinning while you are live

The overlay has no button by default, so nothing on stream looks like a web page. To spin, right-click the source in OBS and choose Interact. A small window opens with the wheel in it. Click the wheel, or press Space or Enter, and the spin plays on stream. Many streamers leave the Interact window open on a second screen for the whole stream.

If you would rather have a visible button, tick Show a Spin button before copying the URL.

Sound

The wheel makes a short tick each time a slice passes the pointer, slowing down with the wheel. To control its volume in the OBS mixer, open the source's properties and tick Control audio via OBS. Untick Tick sound on this page for a silent wheel.

Giveaways

Tick Take each winner off the wheel and every winner leaves the wheel when you start the next spin, so the same person cannot win twice. The winner stays on the wheel until then, so viewers can see where it landed. Refreshing the source in OBS puts everyone back.

The winner is drawn with your browser's cryptographic random generator before the wheel starts moving, so the animation only shows a result that is already fixed. The randomness page explains how that works if chat asks.

Changing the options

Everything about the wheel is in the URL, so there is no account and nothing to save. To change it, edit the options here, copy the new URL and paste it over the old one in the source's properties. This page remembers what you typed last time in this browser.

For a wheel on a web page rather than a stream, use the embed code. To spin a wheel and share the link with chat instead, use the wheel spinner.