Skip to main content

OBS Casino Widget Setup

Add live bonus hunt data, leaderboard standings, and slot results to your stream. Works with OBS, Streamlabs, and any software that supports browser sources.

What Are Casino Stream Widgets?

Browser source overlays that show live data on your stream. They connect to WITS.GG and update automatically — no manual refreshing. Viewers see bonus hunt progress, slot results, leaderboard standings, or custom stats directly on the stream layout.

Each widget is a URL. You paste it into OBS as a browser source. The data flows from WITS.GG to the widget via server-sent events — the moment you add a slot or record a payout, the overlay updates on stream.

Setup Steps

  1. Log in to WITS.GG and open the Widget Studio
  2. Choose a widget type: bonus hunt, slot list, leaderboard, or stats
  3. Configure which blocks to show and customize colors/layout
  4. Copy the widget URL from the studio
  5. In OBS: Sources → Add → Browser Source → paste the URL
  6. Set width/height to match your layout (recommended: 400×800 for sidebar, 1920×200 for bottom bar)
  7. Done — the widget updates live as you play

The entire process takes under two minutes. No plugins, no extensions, no API keys.

Available Widget Types

  • Bonus hunt progress — shows current hunt status, slots opened, running P/L
  • Slot list — displays each slot with cost, payout, and multiplier
  • Leaderboard — live standings from your community board
  • Stats overlay — custom metrics like total profit, best multiplier, session ROI

All types update in real time. Mix and match multiple widgets on the same stream — each gets its own browser source.

Customization

The Widget Studio lets you configure theme colors, which data blocks appear, block ordering, font sizes, and background opacity. Changes preview in real time before you copy the URL.

Want a transparent overlay that blends with your stream layout? Set background opacity to 0. Want a solid panel? Use the default dark theme. Every widget supports multiple color themes that match common stream aesthetics.

Troubleshooting

  • Widget shows blank: check the URL is correct and ensure the hunt or board is active
  • Not updating: the SSE connection may have dropped — right-click the source in OBS and hit Refresh
  • Wrong size: adjust width/height in OBS browser source properties, not CSS
  • Overlapping content: use the Widget Studio to hide blocks you don't need

Build your first widget in the Widget Studio. Track bonus hunts to feed data into your overlays. See all free tools.