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.

Your Twitch channel

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.

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.