Made by: C4TM30W

Supporter Popups

Available nowVersion 1.0.10OBS + Streamer.bot 1.0

Temporary supporter cards

Animated supporter cards that appear briefly for live events and then leave the screen clear. Ideal for gameplay scenes, clips and recordings where a permanent ticker would cover too much.

Download customer guide PDF Donations welcome

Real project preview

Watch rotating sample supporter cards

The supplied popup renderer is running in website demonstration mode. Names and amounts are samples; live use displays events from the customer's own local Streamer.bot connection.

Open preview image

Live data sources

Local Streamer.bot WebSocket events

Follows and subscriptions.
Cheers/bits and tips/donations.
Raids and gifted subscriptions.
Supported Twitch, YouTube, Streamlabs, StreamElements, Ko-fi and related Streamer.bot event types.
Platform-specific fields are normalized into one card format.

How a popup works

Receive, queue, display and clear

The overlay connects to 127.0.0.1:8080.
The bridge subscribes to supporter events.
Each event becomes a follow, sub, cheer, tip, raid or gift card.
The card slides in for the configured seconds.
Queued events show next, then the overlay returns to transparent.

Complete customer setup

Configure before live use

Extract the whole ZIP.
Enable Streamer.bot WebSocket on port 8080.
Optionally import the CUSTOMER_8080 actions.
Set position, timing, events, visuals and sounds in CUSTOMIZE.html.
Save inside config/ and test WEBSITE_DEMO.html.
Add SupporterPopups.html as an OBS Local File Browser Source.

Customization

Cards for every supporter type

Left or right side and top, middle or bottom placement.
Visible duration and optional reminder timing range.
Immediate events and periodic reminder controls.
Per-event visual and optional sound paths.
Accent, background, name colour, visual size and volume.

Normal invisible state

Transparent until something happens

The production overlay is intentionally invisible between events. That keeps gameplay and recordings clear. WEBSITE_DEMO.html rotates sample cards so customers can verify the look without a live event.

Follow popupSubscription popupCheer / bits popupTip / donation popupRaid popupGifted sub popupTop supporter remindersEvent queue

Project files

SupporterPopups_by_C4TM30W_CUSTOMER_v1.0.10.zip

What it is and does: Animated supporter cards that appear briefly for live events and then leave the screen clear. Ideal for gameplay scenes, clips and recordings where a permanent ticker would cover too much.

Why it is useful: Support events can appear as readable on-stream popups while the visual remains locally controlled.

Fallback: Yes — the package includes a no-Streamer.bot test preview for checking the design locally.

Latest fix: The real website-safe popup preview and correct v1.0.10 customer ZIP were restored.

Included in the download

Complete Supporter Popups customer package

SupporterPopups.html overlayVisual and sound customizerWebsite demonstrationNo-Streamer.bot test previewLocal WebSocket bridgeOptional customer importNeutral paw sampleCustomer media folderPort and setup guidesTroubleshooting guidesDetailed customer READMECustomer PDF guide

Media and sound

Customer-owned visuals

Only the neutral PawsOnStream paw is included. Customers place their own images, animations, videos and sounds in media/, select them in CUSTOMIZE.html and save relative paths.

Privacy

Local event connection

The overlay connects to the customer's local Streamer.bot WebSocket. Recent supporter state stays in local Browser Source storage. No password, OAuth token or API key is requested.