Product image
Twitch Stream Bar with Now Playing Music, Goal Tracker, Alerts , OBS streamlabs , Stream SmartBar StreamElements Overlay Widget
ONE SMART BAR THAT RUNS YOUR WHOLE STREAM
Show less
Stop stacking six separate widgets across your overlay. This is a single animated bar
that shows your game, your music, your goals, your supporters and your countdown, and
updates itself live while you stream. Built for StreamElements. Works on Twitch and
YouTube.
Instant digital download. No coding. Paste four files into a StreamElements Custom
Widget and set it up from a normal settings panel.
------------------------------------------------------------
WHAT THE BAR SHOWS
LEFT —
NOW PLAYING
- Choose what this panel displays: your game, your stream info, your music, or a custom
feature you write yourself. Includes cover artwork, tags, live uptime clock and viewer
count.
Automatic game covers. Type the game name and the cover is found for you. Popular
titles are recognised straight away, including short forms like cs2, bg3 and gta v.
For anything else, paste a Steam App ID or store link and it sets both the game name
and the cover for you. Portrait, square or circle artwork.
MIDDLE — LIVE FEED
A rotating feed you control. Announcement slides, social handles for Twitch, YouTube,
X, Instagram, TikTok, Discord and Kick, a goal progress slide, your latest supporter,
your current song, plus five of your own custom slides with a choice of 27 icons.
A scrolling ticker runs underneath for commands and reminders.
Supporter alerts take over this panel as animated pop-ups, so you do not need a
separate alert box for follows, subs, tips, bits and raids.
RIGHT —
GOALS AND STATS
- Five slots you fill in any order: Top Supporter, Latest Supporters, Goals, Countdown
and Live Stats. Pick what rotates and what stays off.
------------------------------------------------------------
LIVE NOW PLAYING MUSIC
- Show the song you are actually playing, with track title, artist, service icon, album
cover and a live progress bar with a timer. The bar can even tint its accent colours
to match your album artwork.
Please read: live music uses a companion browser extension and relay connection,
included in the setup guide with step by step instructions. If you would rather not
connect it, you can still type a track name and use the panel as a static music
display.
------------------------------------------------------------
GOALS THAT FILL THEMSELVES IN
- Follower and subscriber goals, sub and member goals, tip and Super Chat goals, and
Twitch Bits goals. Progress comes from your real StreamElements data, either channel
totals or this session only, your choice. Confetti and milestone celebrations fire at
25, 50, 75 and 100 percent, or whichever interval you prefer.
COUNTDOWN,
MADE SIMPLE
Two options, nothing confusing. Count down a number of minutes, such as 60. Or count
down to a time of day, such as 20:30 or 8:30 PM. It reads your own clock, and rolls to
tomorrow if the time has already passed.
------------------------------------------------------------
MAKE IT LOOK LIKE YOUR CHANNEL
- 17 themes, including a clean white and light mode
- Full custom colour override: three accents, bar background, primary text and small text
- Any Google font
- Liquid glass effect on or off, background shadow on or off
- Whole bar scale, plus separate text size controls for the whole bar and for the
- middle section on its own
- Corner radius, bar width, middle section width, and top or bottom placement
- Adjustable rotation speed for the middle slides and the right tiles
- ------------------------------------------------------------
WHAT YOU GET
- Direct link to install the Widget on StreamElements
- Full setup guide
- Free updates to this listing
Recommended widget size: 1920 x 160, or 1920 x 200 for extra breathing room.
------------------------------------------------------------
REQUIREMENTS
- A free StreamElements account with an overlay
- Twitch or YouTube, auto-detected or set manually
- Live music needs the companion extension described in the guide
- ------------------------------------------------------------
HOW TO INSTALL
- Download all files
- open install link and setup it
- Save, set the size, then customise everything from the settings panel
Most people are live with it in under 10-15 minutes.
------------------------------------------------------------
IMPORTANT
This is a digital download. No physical item will be shipped. Because files are
delivered instantly, all sales are final and no refunds can be offered. Please read
the description and check the requirements before buying.
For personal use on your own channel. Do not resell, redistribute or share the files.
Not affiliated with, endorsed by or sponsored by Twitch, YouTube, StreamElements,
Spotify, Steam or Valve. All product names and logos belong to their respective
owners, and are referenced only to describe compatibility.
Questions before you buy? Message me, happy to help.
- Compatibility
- StreamElements Custom Widget; OBS and Streamlabs Browser Source. Event support depends on your connected channel.
- Included files
- Editable source ZIP with HTML, CSS and JavaScript. Sounds and import links only where listed for this widget.
- Editable settings
- Source files can be edited; keep a backup before changing them.
- License
- One creator channel; no recurring subscription.
Purchases are temporarily paused. No payment will be taken.
Contact supportSupport & refund policyInstall in three steps
- Download and unzip your package from My widgets.
- Import the supplied overlay link, or paste the source files into the matching StreamElements Custom Widget tabs. Save your settings.
- Add the overlay URL as an OBS Browser Source at 1920 x 1080 and trigger a test event before going live.