Adding Overlays to OBS

  1. Open OBS Studio and go to the Sources panel. Click the + button and select Browser.
  2. Paste the overlay URL for your game (find it on the game list or use the builder below).
  3. Set dimensions: 360 x 600 for the list overlay, or 340 x 200 for the rotator. Adjust if you change the width or scale params.
  4. Check "Refresh browser when scene becomes active" so drops update automatically when you switch scenes.

Overlay Types

List Overlay

360 x 600

Shows all drops in a compact panel. Best for games with many rewards.

Rotator Overlay

340 x 200

Cycles through drops one at a time with animations. Best for minimal screen space.

Customize Your Overlay

Presets

Theme & Colors

Layout

1.0x
360px
10px
42px
6px
4px

Typography

13px
13px
13px
10px
10px

Content

Example URLs

Shakes and Fidget
/game/shakes-and-fidget/overlay /game/shakes-and-fidget/rotator
Legend of YMIR
/game/legend-of-ymir/overlay /game/legend-of-ymir/rotator
Ghosts of Tabor
/game/ghosts-of-tabor/overlay /game/ghosts-of-tabor/rotator
Overwatch
/game/overwatch-2/overlay /game/overwatch-2/rotator
Marbles on Stream
/game/marbles-on-stream/overlay /game/marbles-on-stream/rotator

More Streamer Tools

Channel Panel

320 x 160

Download a panel image showing active drops for your game.

/game/shakes-and-fidget/panel

Chatbot Command

!drops

Paste this as a Nightbot or StreamElements response:

$(urlfetch https://twitchdrops.app/api/chatbot/shakes-and-fidget)