🎡 Stream Wheel

🚀 Getting started

1. The wheel loads with example viewer names. Open ⚙️ Settings on any wheel card to change the items.
2. Paste one name per line in the items box, then click 🔄 Update Wheel.
3. Choose a color theme from the Color Theme palette row.
4. Enable Remove winner from wheel after spin if you want each result removed automatically — ideal for giveaways.
5. Click 🎡 SPIN! to spin. The result appears below the wheel.
6. Removed winners appear as chips below the wheel. Click ✕ on any chip to restore that individual item, or use ↩ Restore All.
7. Your full configuration (all wheels, results, history) is always encoded in the URL. Bookmark it or use the 🔗 Share Setup button.

🟣 OBS Studio

1. Configure your wheels as desired — items, colors, titles.
2. Click 📺 OBS Overlay URL above. This copies a URL with ?overlay=1 appended, which strips all menus and makes the background fully transparent.
3. In OBS Studio, go to a Scene and click ＋ in the Sources panel.
4. Select Browser Source and give it a name like "Stream Wheel".
5. Paste the overlay URL into the URL field.
6. Set Width to 450 and Height to 530 per wheel (scale up proportionally for multiple wheels).
7. Enable Shutdown source when not visible to save resources.
8. Click OK. Right-click the source and choose Interact to click the SPIN button directly from OBS without switching windows.

💡 Tip: Resize and reposition the Browser Source in your scene using the red handles. Hold Shift while resizing to scale freely.

🟦 Streamlabs / Streamlabs OBS

1. Click 📺 OBS Overlay URL to copy your transparent overlay URL.
2. In Streamlabs, go to your active Scene and click ＋ in the Sources section.
3. Select Browser Source.
4. Paste the overlay URL into the URL field.
5. Set width to 450 and height to 530 (adjust for multiple wheels).
6. Enable Shutdown source when not visible.
7. Click Add Source. Use the Interact option in the source context menu to spin directly from Streamlabs.

🎬 XSplit Broadcaster

1. Copy your overlay URL via the 📺 OBS Overlay URL button.
2. In XSplit, go to your scene and click Add Source → Webpage.
3. Paste the overlay URL and set the source dimensions to match your intended layout.
4. The wheel loads with a transparent background and no extra UI.

📺 Twitch, YouTube Live & other platforms

Streaming platforms like Twitch and YouTube do not manage overlays — you add them in your broadcasting software (OBS, Streamlabs, XSplit). Follow the steps above to add Stream Wheel as a Browser Source, then stream to any platform as normal.

• Twitch giveaways: enable "Remove winner after spin", add viewer usernames, and spin each round. Removed winners appear in the history chips.
• YouTube milestones: create a reward wheel with prize names and spin live on screen for your viewers.
• Discord communities: share the setup URL so community members see the exact same wheel configuration.
• vMix, Wirecast, Ecamm Live: all support Browser Sources — follow the same URL + dimensions approach.

🔗 Sharing your configuration

Every wheel setting — titles, items, color themes, removed winners, spin duration — is encoded into the URL as you make changes. No account or save button required.

• 🔗 Share Setup: copies a URL that opens this page with all your wheels pre-configured. Send it to a co-streamer or bookmark it.
• 📺 OBS Overlay URL: same config but adds ?overlay=1. Paste directly into OBS / Streamlabs Browser Source. The page background becomes transparent and all menus hide automatically.
• Auto-save: the URL updates silently as you configure without reloading the page. Your last configuration is always restorable from your browser history.
• Sharing results: after a spin, removed winners are included in the URL, so sharing mid-giveaway lets your co-streamer resume exactly where you left off.

🔢 Using multiple wheels

Click ＋ Add Wheel to add more wheels to the page. All wheels are visible simultaneously — useful for showing a game wheel and a viewer wheel side by side on stream.

• Each wheel has an independent items list, color theme, and remove-winner setting.
• All wheels are included in the shared URL, so your entire multi-wheel layout is shareable as one link.
• In overlay mode, all wheels render side by side with a transparent background.
• Remove a wheel by opening its settings and clicking the ✕ button in the card header.