How do I add the wheel to OBS?

Start a session on this page, copy the browser-source URL, then in OBS choose Sources → + → Browser and paste it. Set the width and height to a square (800 × 800 works well) and leave “Shutdown source when not visible” unchecked so the overlay stays connected between scenes.

Does it work with Streamlabs?

Yes. Streamlabs Desktop has the same Browser Source type: add one, paste the URL, set 800 × 800. The same URL works in Twitch Studio, XSplit and anything else that renders a web page as a layer.

Is the overlay background transparent?

Yes. The overlay renders only the wheel with no page background, so whatever is underneath in your scene shows through. You do not need to add any custom CSS in OBS.

Why is there a separate control panel?

OBS renders browser sources in its own embedded browser, which cannot share data with the browser you are working in. The control panel and the overlay therefore talk over a live session, which also means you can drive the wheel from a second monitor, a laptop or your phone.

Can I control it from another device?

Yes. Open this page on any device, start the session there, and paste the URL into OBS on the streaming machine. The panel only needs to be signed into the session, not on the same computer.

Can my viewers spin the wheel?

No. Only the operator panel that created the session can trigger a spin. The overlay is display-only, so nothing on stream can be changed by viewers.

Does it need an install or an account?

Neither. There is no plugin and no download; the browser source is a URL. Starting a session needs no account, and nothing about the session is tied to your identity.

Does it work on Windows, macOS and Linux?

Yes, wherever OBS Studio runs, because the overlay is a web page rendered by OBS’s built-in browser. Streamlabs Desktop is available for Windows and macOS.

Does the overlay play sound?

No. Tick and win sounds are disabled in the browser source on purpose, since OBS would capture them into your broadcast separately from your own monitoring. Play any sound effects from your own setup instead.

What happens if the connection drops?

The overlay keeps showing the last wheel and reconnects automatically when the network is back. A spin triggered in the meantime is delivered on reconnect; you do not have to re-create the session or re-paste the URL.

How long does a session last, and what happens when it expires?

24 hours from your last spin; each spin extends it. After that the session is deleted automatically and the overlay falls back to an empty wheel that reads “Add entries in the operator panel”. Start a new session and paste the new URL.

Can I use it for a giveaway?

Yes, for picking a winner on stream. If entrants need to verify the draw afterwards, use the verifiable draw instead: it publishes a commitment before entries close and lets anyone reproduce the result.

Spin wheel for OBS: transparent overlay and control panel

A free spin wheel for OBS Studio and Streamlabs that runs as a Browser Source: the wheel on a transparent background, nothing else. You edit entries and press Spin in the control panel on this page, on any device, and the overlay in your scene animates in step. No plugin, no account; a session lasts 24 hours and deletes itself.

Transparent browser-source overlay for OBS and Streamlabs
Separate operator panel: entries and Spin stay off-camera
Control from a second monitor, laptop or phone
Display-only on stream: viewers cannot spin it
No plugin, no download, no account
Session lasts 24 hours from the last spin, then deletes itself

Control panel

Set your entries, start a session, and paste the URL into OBS. The steps below pick up from there.

Wheel nameEntries, one per line, Name*3 for weights

5 slices · changes reach the overlay when you click away from the box.

No spins yet this session.

OBS browser source

Start a session to get a URL you can paste into OBS. It stays live for 24 hours; nothing is saved to an account.

Set up the wheel in OBS, step by step

Add your entries. In the control panel above, type one option per line: names, prizes, challenges, anything.
Start a session. Press Start session. You get a short code and a browser-source URL; nothing is saved to an account.
Copy the browser-source URL. Use the Copy button. The URL looks like spinofluck.com/overlay?room=YOURCODE.
Open OBS and add a Browser source. In the Sources panel choose + → Browser, name it (for example “Wheel”), and press OK.
Paste the URL. Put the copied URL in the URL field of the Browser source properties.
Set the size. Width 800, Height 800. The wheel is square; a square source keeps it sharp with no letterboxing.
Leave the default settings. Keep “Shutdown source when not visible” unchecked so the overlay stays connected between scenes, and leave the custom CSS as OBS provides it.
Position the overlay. Drag and resize it in the preview like any other source. Only the wheel is drawn; everything around it is transparent.
Spin from the panel. Press Spin in the control panel. The overlay animates in step and shows the winner under the wheel.

Running a giveaway? The giveaway wheel → covers entry lists and multiple winners; the overlay is the same, only the entries change.

Streamlabs Desktop setup

Streamlabs Desktop is built on OBS and has the same Browser Source. The overlay URL from the control panel works unchanged.

In Streamlabs Desktop, open the Sources panel and press +.
Choose Browser Source and give it a name.
Paste the browser-source URL from the control panel.
Set width and height to 800 × 800, then press Done.
Position the wheel in your scene. The same URL also works in OBS, Twitch Studio and any tool that renders a web page.

Recommended Browser Source settings

The defaults are close to right. These are the settings that matter and why.

Recommended Browser Source settings
Setting	Recommended	Why
Width × Height	800 × 800	The wheel is square. Any square size works; 800 stays crisp on a 1080p canvas.
FPS	30 (default)	The spin is a smooth animation at 30. Use 60 only if the rest of your scene is already 60.
Custom CSS	Leave OBS’s default	The page sets its own transparent background; the default CSS only removes margins.
Shutdown source when not visible	Unchecked	Keeps the overlay connected while you are on another scene, so the first spin after switching back is instant.
Refresh browser when scene becomes active	Unchecked	A refresh reconnects anyway; leaving it off avoids a flash of the empty wheel on every scene change.
Control audio via OBS	Not needed	The overlay plays no sound.

What a browser source, an overlay and the panel are

OBS Browser Source: A Browser Source is an OBS source type that renders a web page inside your scene using OBS’s own built-in browser. It behaves like any other layer: you can move, resize, crop and filter it. Streamlabs Desktop, Twitch Studio and most streaming tools have the same feature under the same name.
Transparent overlay: A transparent overlay is a web page with no background of its own, so only its content (here, the wheel) is drawn over your scene. Whatever sits below it in the source list, your camera or game, shows through around the wheel.
Operator panel: The operator panel is this page: where you edit entries and press Spin. It is never on stream. OBS renders browser sources in a separate browser that cannot see your normal browser’s data, so the panel and the overlay talk through a short-lived online session instead.

How it works, and why the overlay and panel are separate

Starting a session creates a short-lived online record of your wheel. The overlay subscribes to it and redraws whenever it changes; pressing Spin writes the spin to the same record, so the overlay animates in step even on another machine. The winner is chosen the same way as on the homepage wheel: see how the randomness works →

Nothing but the wheel on streamNo header, footer, buttons or page background: just the wheel, composited over your scene.
Controls stay off-cameraEntries and the Spin button live here, not in the browser source, so your audience never sees the chrome.
Drive it from anywhereThe panel works on a second monitor, a laptop or a phone; it does not have to be the machine running OBS.
Viewers can’t touch itOnly the session that created the overlay can spin it. The overlay is display-only.
Silent by designThe overlay plays no audio, so OBS never captures wheel sounds twice.
Nothing to installNo plugin, no download, no account. A URL is the whole integration.

How it compares

Browser Source versus Window Capture

You could also spin a wheel in your normal browser and capture that window. It works, but you give up the things below.

Browser Source versus Window Capture
Feature	Browser Source (this overlay)	Window Capture of a browser tab
Transparent background	Yes	No, you capture the whole page
Controls hidden from viewers	Yes, they are on a different page	No, unless you crop carefully
Control from another device	Yes	No, the wheel is on the captured machine
Survives switching scenes	Yes, stays connected	Only while the window stays open and visible
Setup	Paste one URL	Capture, crop, chroma-key or colour-key

Browser overlay versus a wheel on your desktop

The homepage wheel is the better tool when the wheel is the whole show: a call-in game, a classroom, a meeting. The overlay is the better tool when the wheel is one layer of a stream. Open the main wheel → or, to let an audience spin along with you, the multiplayer wheel →

Browser overlay versus a wheel on your desktop
Question	Browser overlay	Desktop wheel (homepage)
Where the audience sees it	Composited into your scene	Your screen, or a screen share
Who can spin	Only the operator panel	Anyone at the keyboard; guests in a room
Sound effects	None, by design	Ticks and a win chime
Editing entries mid-stream	In the panel, off-camera	On screen, unless you cut away
Best for	Twitch, YouTube, Kick streams	Live events, classrooms, meetings

Overlay URL options

The control panel gives you the first form. The others are for streamers who want the wheel as a fixed element of a scene.

/overlay?room=YOURCODE: The normal session overlay: mirrors the control panel and animates every spin.
/overlay?room=YOURCODE&winner=0: Hides the winner banner under the wheel, for streamers who show the result elsewhere in the scene.
/overlay?entries=Ada,Bo,Cy: Static mode with no session: a fixed wheel drawn from the URL. It cannot be spun remotely: a decoration, or a wheel you spin by refreshing.
/overlay?live=SHAREID: Follows a wheel saved to an account through its live link, so editing it in the app updates the scene. Also static (not spinnable from the panel).

To put the wheel on your own website instead of in OBS, use the embed generator →

Troubleshooting

The overlay shows “Add entries in the operator panel”.: The source has no session to follow: the URL is missing ?room=, the code was mistyped, or the session has expired. Copy the URL from the panel again and paste it into the source properties.
The overlay does not spin when I press Spin.: Check that the panel shows a live session code and that the source URL contains the same code. If OBS was closed for a long time, right-click the source and choose Refresh; it reconnects immediately.
The background is black, not transparent.: You are looking at the source in a normal browser window, which has its own white or dark page background. Inside OBS the page background is transparent. If you replaced the source’s custom CSS, restore OBS’s default.
The wheel is blurry or cut off.: Set the source to a square, 800 × 800 or larger, and scale it in the preview rather than stretching the source itself. A non-square size adds letterboxing; a tiny size is upscaled.
The first spin after switching scenes is late.: “Shutdown source when not visible” is checked, so OBS unloads the page while the scene is hidden and reloads it when you return. Uncheck it and the overlay stays connected in the background.
The internet dropped mid-stream.: The overlay keeps the last wheel on screen and reconnects on its own when the connection returns; a spin you trigger while offline is delivered as soon as it does. Nothing needs to be re-pasted.

Privacy and session lifetime

A session holds your entries and the current spin, nothing else: no account, no name, no stream key. It lives for 24 hours from the last spin: each spin extends it, and is then deleted automatically. The overlay URL contains only the session code, and anyone who has it can watch the wheel but not spin it. Details are on the privacy page →

Frequently asked questions

How do I add the wheel to OBS?: Start a session on this page, copy the browser-source URL, then in OBS choose Sources → + → Browser and paste it. Set the width and height to a square (800 × 800 works well) and leave “Shutdown source when not visible” unchecked so the overlay stays connected between scenes.
Does it work with Streamlabs?: Yes. Streamlabs Desktop has the same Browser Source type: add one, paste the URL, set 800 × 800. The same URL works in Twitch Studio, XSplit and anything else that renders a web page as a layer.
Is the overlay background transparent?: Yes. The overlay renders only the wheel with no page background, so whatever is underneath in your scene shows through. You do not need to add any custom CSS in OBS.
Why is there a separate control panel?: OBS renders browser sources in its own embedded browser, which cannot share data with the browser you are working in. The control panel and the overlay therefore talk over a live session, which also means you can drive the wheel from a second monitor, a laptop or your phone.
Can I control it from another device?: Yes. Open this page on any device, start the session there, and paste the URL into OBS on the streaming machine. The panel only needs to be signed into the session, not on the same computer.
Can my viewers spin the wheel?: No. Only the operator panel that created the session can trigger a spin. The overlay is display-only, so nothing on stream can be changed by viewers.
Does it need an install or an account?: Neither. There is no plugin and no download; the browser source is a URL. Starting a session needs no account, and nothing about the session is tied to your identity.
Does it work on Windows, macOS and Linux?: Yes, wherever OBS Studio runs, because the overlay is a web page rendered by OBS’s built-in browser. Streamlabs Desktop is available for Windows and macOS.
Does the overlay play sound?: No. Tick and win sounds are disabled in the browser source on purpose, since OBS would capture them into your broadcast separately from your own monitoring. Play any sound effects from your own setup instead.
What happens if the connection drops?: The overlay keeps showing the last wheel and reconnects automatically when the network is back. A spin triggered in the meantime is delivered on reconnect; you do not have to re-create the session or re-paste the URL.
How long does a session last, and what happens when it expires?: 24 hours from your last spin; each spin extends it. After that the session is deleted automatically and the overlay falls back to an empty wheel that reads “Add entries in the operator panel”. Start a new session and paste the new URL.
Can I use it for a giveaway?: Yes, for picking a winner on stream. If entrants need to verify the draw afterwards, use the verifiable draw instead: it publishes a commitment before entries close and lets anyone reproduce the result.

Giveaway wheel →Multiplayer wheel →Embed generator →Verifiable draws →All wheels →