Skip to main content

Stream Overlays

Browser-source overlays for OBS, free to use on your own stream. Set your channel below, copy a URL, and add it as a browser source.

Every URL and preview below updates to use this channel.

Elden Ring Death Counter

A simple, chat-controlled death counter for Elden Ring runs.

600 × 160

Transparent 600 × 160 OBS browser-source overlay. Add url as a browser source at exactly 600 × 160.

Twitch moderators and the broadcaster can change the counter:

  • !died adds one death.
  • !setdeaths 42 sets the death total to a non-negative whole number.

The total survives browser-source refreshes using local browser storage. For a local console test, use EldenDeathCounterTest.receive({ mod: true }, '!died') . Add &test=1 to the URL for on-screen buttons that trigger the same commands without opening the console.

Basic Death Counter

A simple, chat-controlled death counter.

400 × 120

Transparent 600 × 80 OBS browser-source overlay. Add the URL as a browser source at exactly 600 × 80.

Twitch moderators and the broadcaster can change the counter:

  • !died adds one death.
  • !death + / !deaths + adds one death; add and plus also work instead of +.
  • !death - / !deaths - subtracts one without going below zero; subtract and minus also work instead of -.
  • !setdeaths 42 sets the total to a non-negative whole number; use !setdeaths 0 to reset.

The total survives browser-source refreshes using local browser storage, separately for each channel. For a local console test, use testOverlayMessage({ mod: true }, '!died'). Add &test=1 to the URL for on-screen buttons that trigger the same commands without opening the console.

Daily Sub Goal Counter

A simple, daily sub goal counter.

400 × 120

Transparent 600 × 80 OBS browser-source overlay. Add the URL as a browser source at exactly 600 × 80:

Displays Daily subs: 0 / 100 and automatically counts subs, resubs, and gifts received while connected. Keep Shutdown source when not visible disabled in OBS to continue counting.

Twitch moderators and the broadcaster can change the goal and count:

  • !subgoal 150 sets the goal to a positive whole number.
  • !setsubs 25 sets today's count to a non-negative whole number.
  • !subs + / !subs - adds or subtracts one, stopping at zero.
  • !resetsubs resets today's count without changing the goal.

Count and goal survive browser-source refreshes using local browser storage, separately for each channel. The count resets at midnight in the OBS computer's local timezone; the goal stays the same. For a console test, use testOverlaySubscription('subscription') or testOverlayMessage({ mod: true }, '!subgoal 150'). Add &test=1 to the URL for on-screen test buttons; use 600 × 180 while testing to leave room for controls.

Amazon Spend Goal

Track spend toward a shopping goal on stream. Two variants are available depending on how much detail you want to show.

Classic600 × 160

A transparent 600 x 160 OBS browser source. Add url as a local browser source at exactly 600 x 160.

The total starts at $0 / $10,000 by default, survives browser-source refreshes where local storage is available, and the bar beneath it animates to the current percentage.

Commands

Any moderator or the broadcaster can update the total:

Action Command Example
Add !amazon <amount> !amazon 125.50
Add !addamazon <amount> !addamazon 125.50
Add !spent <amount> !spent 125.50
Set total !setamazon <amount> !setamazon 500
Subtract !subtractamazon <amount> !subtractamazon 25
Set goal !setgoal <amount> !setgoal 5000

Amounts accept dollars with up to two decimal places. The goal must be greater than zero.

To test without Twitch, open the browser-source developer console and run:

window.testAmazonSpendMessage({ mod: true }, '!amazon 125.50')

Add &test=1 to the URL for on-screen buttons that trigger the same commands without opening the console.

With bought / skipped counts420 × 200

A transparent 420 x 200 OBS browser source. Add url as a local browser source at exactly 420 x 200.

The panel shows spending against the budget alongside counts for items bought and items skipped. All values survive browser-source refreshes where local storage is available. The budget starts at $10,000 by default and is changed with a command.

Commands

Any moderator or the broadcaster can update the values:

Spend

Action Command Example
Add !amazon <amount> !amazon 125.50
Add !addamazon <amount> !addamazon 125.50
Set total !setamazon <amount> !setamazon 500
Subtract !subtractamazon <amount> !subtractamazon 25
Set goal !setgoal <amount> !setgoal 5000

Items bought

Action Command Example
Add !bought <count> !bought 1
Add !addbought <count> !addbought 1
Set count !setbought <count> !setbought 10
Subtract !subtractbought <count> !subtractbought 1

Items skipped

Action Command Example
Add !skipped <count> !skipped 1
Add !addskipped <count> !addskipped 1
Set count !setskipped <count> !setskipped 10
Subtract !subtractskipped <count> !subtractskipped 1

Spend commands accept dollars with up to two decimal places. Item commands only accept whole numbers. Subtraction stops at zero. The goal must be greater than zero.

To test without Twitch, open the browser-source developer console and run:

window.testAmazonSpendMessage({ mod: true }, '!amazon 125.50')

Add &test=1 to the URL for on-screen buttons that trigger the same commands without opening the console.