GOALBAR

5.0(8)

A customizable goal bar for Twitch & YouTube to display followers, subscribers, bits and donations. Powered by Streamer.bot.

Easily adjust goals via chat commands
Automatic currency conversion for donations
Combined overall goal that includes all event types
Custom triggers for completed goals
Daily goals for new follows and subs
Supported events:
- Subs (of all tiers)
- Bits
- Donations (Streamlabs, StreamElements, Kofi, Tipeeestream, Fourthwall)
- Channel Points

Quick Access

Copy what you need to get started. Follow the setup guide below for detailed instructions.

Action Import String

Import the actions into Streamer.bot.

Loading…

Browser Source URLs

Select your preferred visual style. You can see more details in the Styles section.

Style 1: Regular

Add this as a browser source to OBS. This is the regular design.

https://tawmae.xyz/overlays/goalbar

Style 2: Compact

Add this as a browser source to OBS. This is the compact design.

https://tawmae.xyz/overlays/goalbar-compact

Style 3: Compact With Titles

Add this as a browser source to OBS. This is the compact design, like the first one, but with titles.

https://tawmae.xyz/overlays/goalbar-compact-with-titles

Setup Guide

Copy the Action Import String

Copy the Action Import text from Quick Access.

Import into Streamer.bot

In Streamer.bot click Import in the top menu. Paste the text into the Import String field. Click Import at the bottom.

Enable the Commands

Open the Commands tab. Find the imported group. Right-click the group and click Enable All.

Run the Settings UI once and hit Save

Open the action [TWITCH GOALBAR] #0 - Settings. Right-click the Test trigger and hit Test Trigger. Click Save.

If the TawmaeUI.dll is missing, you'll be asked to auto-download. That popup window may appear behind the Streamer.bot window, so make sure to check if nothing appears.

Start WebSocket Server

Go to the tab Servers/Clients → WebSocket Server. Enable Auto Start WebSocket Server. Address 127.0.0.1. Port 8080. Optional password. Leave Enforce All Requests unchecked. Start the server.

Copy Browser Source URL

Copy the Browser Source URL from Quick Access.

Add Browser Source in OBS

In OBS create a new Browser Source. Paste the URL. Prefer setting Width and Height to your OBS canvas size. The bar does however adapt to the width.

If you want to have the browser source in multiple scenes, don't create a second browser source. Instead, use nested scenes or source clones.

Done!

And you are done!

Note that donations require connecting your chosen platform (Kofi, StreamElements, Fourthwall, etc.) to Streamer.bot. Once connected the Subathon picks them up automatically.

Commands

Command	Permission	Description	Example
!goalbarFollowersGoal [Number]	Mods Only	Change the goal amount for follows.	!goalbarFollowersGoal 50
!goalbarSubsGoal [Number]	Mods Only	Change the goal amount for subs.	!goalbarSubsGoal 25
!goalbarBitsCurrent [Number]	Mods Only	Change the current amount for bits.	!goalbarBitsCurrent 1200
!goalbarBitsGoal [Number]	Mods Only	Change the goal amount for bits.	!goalbarBitsGoal 5000
!goalbarDonationsCurrent [Number]	Mods Only	Change the current amount for donations.	!goalbarDonationsCurrent 37.5
!goalbarDonationsGoal [Number]	Mods Only	Change the goal amount for donations.	!goalbarDonationsGoal 250
!goalbarChannelPointsCurrent [Number]	Mods Only	Change the current amount for channel points.	!goalbarChannelPointsCurrent 12000
!goalbarChannelPointsGoal [Number]	Mods Only	Change the goal amount for channel points.	!goalbarChannelPointsGoal 50000
!goalbarOverallGoalCurrent [Number]	Mods Only	Change the current amount for the Overall Goal.	!goalbarOverallGoalCurrent 15
!goalbarOverallGoalGoal [Number]	Mods Only	Change the goal amount for the Overall Goal.	!goalbarOverallGoalGoal 100

Styles

Style 1 (Regular)

The regular style includes the full layout. With a background + titles.

https://tawmae.xyz/overlays/twitch-goalbar-v2

Style 2 (Compact)

Style 2 is a compacted version. It does not include a background or titles. Just the bar and its icons.

https://tawmae.xyz/overlays/twitch-goalbar-v2-compact

Style 3 (Compact With Titles)

Style 3 is a compacted version as well, but with titles included.

https://tawmae.xyz/overlays/twitch-goalbar-v2-compact-with-titles

Settings UI

General

Toggle which goals are included and set the general design of the goal bar.

Included Goals
Followers, Subs, Bits, Donations, Channel Points, Overall.
Font
Select from popular Google Fonts.
Colors
Bar, background, and text colors.
Background Transparency
Hide drop shadow when fully transparent.
Rounded Corners
Adjust corner radius.
Zoom Level
Scale the overlay cleanly without OBS scaling blur.
Currencies
Automatic conversion for donations.
Thousand Separator Symbol
Select between dot, comma or none.

Per-Goal Customization

Configure each goal's target, progress color, title, and icon.

Goal Value
Set target numbers or amounts.
Current Value
Adjust starting progress.
Title
Custom label per goal.
Icon
Any icon from https://icones.js.org/collection/all or an image URL.
Bar Color
Individual progress color per goal.
Auto Increase
You can toggle whether goals are automatically getting increased when they complete.

Custom Triggers

Goal Completed

Fires when a goal reaches its target.

Variable	Type	Description	Example
%goalName%	string	The display name of the completed goal.	-
%goalValue%	double	The target value of the goal.	-
%currentValue%	double	The final current value at completion.	-

FAQ & Examples

Are combos supported?

Yes. While Streamer.bot doesn't handle combos yet, you can use the workaround action to add time to your Subathon timer and Goalbar goals. For more details, check the discord post below:

tawmae discord (Twitch Combo Support)