1 Goal Setup
EDITOR PREVIEW: the Goal Maker shows a fake preview value equal to 25% of your target so you can see how the finished goal looks.
LIVE / EXPORTED GOAL: that preview value is never used as live data. The Browser Source uses the actual platform count / your target.
LIVE / EXPORTED GOAL: that preview value is never used as live data. The Browser Source uses the actual platform count / your target.
Direct login: Twitch or YouTube. YouTube subscriberCount is API-rounded by YouTube. Kick, TikTok, donations, custom goals and other integrations use Streamer.bot/custom logic.
2 Shape, Line & Fill
No custom shape loaded.
Unfilled = black & white • completed progress = full colour • clipped inside the progress shape.
No texture loaded.
3 Live Creation
Preview Canvas / Creation Area
Drag ANY object anywhere inside the blue canvas border. Objects cannot leave that selected output area. Use the handle to resize; rotate from Selected Element.
4 Text / Visibility
5 Selected Element
POSITION & SIZE
APPEARANCE
TRANSFORM & LAYERS
6 Extra Elements
ALIGNMENT / SNAP
QUICK START
7 How To Use
FIXED OUTPUT • 900 × 500
1
Set the goalChoose goal type, title, target and increase amount. The editor preview only shows 25% so you can design it; live/exported goals use the real value.
2
Choose live dataDirect Twitch/YouTube uses a temporary 5 or 10 minute login. Streamer.bot Twitch Follower/Sub uses native Streamer.bot totals with no platform API code in the exported Streamer.bot files. Donation/Custom use Streamer.bot. YouTube subscriberCount is rounded by YouTube; Donation currencies stay separate.
3
Design the goalChoose shape, direction, fill, border, font and optional progress texture. Uploaded media/fonts stay local to the maker and are embedded into the exported widget.
4
Build the 900 × 500 layoutDrag, resize, rotate and layer objects. Use Text / Visibility, add text/boxes/lines/media, rotate elements and enable snapping when useful.
5
Save a Goal PackSave a goal, switch type and save the next one. Standard goal types replace their saved version for the same output mode; Custom Goals can be saved multiple times.
6
Download & add to OBSDirect = one HTML. Streamer.bot = ZIP with HTML + Import TXT + Setup TXT. Use the matching WebSocket port (normally 8080; TEST can use 8081), extract ZIPs, then add the HTML as an OBS Local File Browser Source at 900 × 500.
Before download:
Confirm you have rights to uploaded assets. A Direct Twitch/YouTube live HTML uses the active temporary login only until its expiry, so keep that file private and re-export after the login expires.
8 Browser Source Export
Goal Maker downloads
—
Direct Browser Source: one self-contained HTML file.