NEWBuild your whole pack of animated scenes with the Scene Workshop: free to try, one look included free. Try it now
FRENES
Menu

Free OBS widgets and Twitch chat games

Fourteen widgets with a transparent background for OBS and Streamlabs, eight of which your chat brings to life, and 30 widgets made for 12 games. You set them up, see the result, copy the address. Nothing to install, no account.

By game

30 widgets for 12 of the most streamed games: round score, top 1, best-of-5 series, KDA, ultimate, recap of the night and chat challenge. You control them with a click or from the chat, no API key needed.

Game names are only used to sort the widgets: they are trademarks of their publishers, and Aghenor.TV has no connection with them. The widgets use no logo, font or interface from the games.

Neutral background: on stream, your game capture goes behind

Fortnite · widget 01

Current game

The game's eliminations in big numbers, the final placement, and tonight's stats beside them: top 1s, streak, record, games played. A top 1 triggers an announcement.

  • !elim Eliminations
  • !top1 Top 1
  • !place 4 Final placement
  • !partie New game
Open the control panel

Fortnite · widget 02

Chat challenge

The dare your chat threw at you: a bar fills with every unit, a dare drops at every milestone, and the counter keeps the ones still to do.

  • !defi +1 to the challenge
  • !gage Dare done
  • !seuil 4 Milestone
  • !regle text The dare
Open the control panel

Widget 01

Twitch chat

Your chat messages on screen, with username colors and Twitch emotes. Each message slides in, and the oldest ones fade away.

Live preview440 × 620

OBS Sources, Add, Browser, paste the address, width 440, height 620.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • Read-only: the widget joins the chat as an anonymous visitor, with no account or token. It can neither write nor moderate.
  • It shows Twitch emotes. 7TV, BTTV and FFZ emotes are not supported.
  • Nothing is saved: the messages live in the page and disappear when it closes.
  • If the connection drops, the widget retries on its own, waiting a little longer each time.

Widget 02

Chat poll

Ask a question and the chat votes by typing 1, 2, 3 in their messages. The bars rise live with the real percentages and the number of votes, then the winner is announced.

Live preview760 × 560

OBS Sources, Add, Browser, paste the address, width 760, height 560.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • A vote is a message that contains only the number (1, 2, 3...). A username votes once: if they change their mind, their last vote replaces the previous one.
  • The vote starts when the page opens, not when you click here. To restart it, refresh the source in OBS. To start it at the right moment, put it in a scene and show it when you ask the question.
  • Read-only and anonymous: the widget writes nothing in the chat. Announce the question yourself, out loud or in the chat.
  • Nothing is saved, and there is no subscriber or bot check: a viewer counts for one vote, that's all.
  • The ticked preview uses fake votes, marked "Simulation" on screen. In OBS, it reads the real messages from your chat.

Widget 03

Emote rain

When the chat sends Twitch emotes, they fall, fly up or burst across the screen, with gravity and bounces. If the chat goes wild, a bigger combo burst fires off on its own.

Live preview1920 × 1080

OBS Sources, Add, Browser, paste the address, width 1920, height 1080.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • Only Twitch emotes (the channel's and the global ones) are supported (animated Twitch emotes stay animated). 7TV, BTTV and FFZ emotes have no official link and are ignored.
  • There are at most 120 emotes on screen: beyond that, the oldest one is recycled. A message counts at most 5 emotes.
  • The combo fires when the threshold is reached within a 5-second window, with the most-sent emote, then pauses for 6 seconds.
  • Read-only and anonymous, nothing is saved. Place the source over the whole scene: it is transparent.
  • The ticked preview uses the mascot's emotes, marked "Simulation" on screen. It is scaled down: in OBS, the emotes have their real size.

Widget 04

Hype meter

A meter that rises with chat activity: every message pushes it, emotes a little more. It goes through five tiers up to "Max hype", glows, then drops back when the chat calms down.

Live preview1920 × 1080

OBS Sources, Add, Browser, paste the address, width 1920, height 1080.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • The meter counts the points from messages that arrived during the window: it drops back on its own when the chat slows down.
  • A single username adds at most 4 points per window: one viewer spamming won't fill it.
  • When full, it stays at the maximum for at least 5 seconds. The peak shown is the session's, and it resets to zero when the source is refreshed.
  • Full-screen source, 1920 x 1080, transparent: place it over the whole scene and choose the position here. Read-only and anonymous, nothing is saved.
  • The ticked preview uses fake messages and made-up usernames, marked "Simulation" on screen. It is scaled down: in OBS, the widget has its real size.

Widget 05

Chat race

Viewers type !go to move their token forward. The leaders get their own lane, overtakes happen live, and the first to cross the line wins. A new race starts on its own.

Live preview1920 × 1080

OBS Sources, Add, Browser, paste the address, width 1920, height 1080.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • Everyone can race: the lanes show the leaders, and the counter gives the total number of racers.
  • Twitch rejects two identical messages less than 30 seconds apart: stretched letters count too (for example !goo, !gooo).
  • The race starts at the first !go. After the winner is announced, everything resets to zero.
  • Full-screen source, 1920 x 1080, transparent: place it over the whole scene and choose the position here. Read-only and anonymous, nothing is saved.
  • The ticked preview uses fake messages and made-up usernames, marked "Simulation" on screen. It is scaled down: in OBS, the widget has its real size.

Widget 06

Chat wheel

Viewers sign up with !roue, and their usernames fill the wheel. You or a mod type !tirage: it spins, slows down and stops on the winner.

Live preview1920 × 1080

OBS Sources, Add, Browser, paste the address, width 1920, height 1080.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • Only the streamer and the moderators can start the draw. The winner is picked at random, and every entrant has the same chance.
  • The wheel draws at most 16 usernames. Beyond that, it shows the winner among 15 others picked at random, but the draw is still made among all entrants.
  • A username signs up once. A username banned during sign-up is removed. After the announcement, the wheel empties for a new draw.
  • Full-screen source, 1920 x 1080, transparent: place it over the whole scene and choose the position here. Read-only and anonymous, nothing is saved.
  • The ticked preview uses fake messages and made-up usernames, marked "Simulation" on screen. It is scaled down: in OBS, the widget has its real size.

Widget 07

Tug of war

Two sides, two words (or two emotes). Every message that contains a word pulls the rope its way. The knot slides live, and the side that drags it all the way wins.

Live preview1920 × 1080

OBS Sources, Add, Browser, paste the address, width 1920, height 1080.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • The word counts whether it is written alone or inside a sentence, ignoring capital letters and accents. A message that contains both words doesn't count.
  • A username pulls at most once every 0.5 seconds. With a maximum time, the side in the lead at the end wins.
  • For an emote duel, enter their exact name (for example the name of your channel emotes).
  • Full-screen source, 1920 x 1080, transparent: place it over the whole scene and choose the position here. Read-only and anonymous, nothing is saved.
  • The ticked preview uses fake messages and made-up usernames, marked "Simulation" on screen. It is scaled down: in OBS, the widget has its real size.

Widget 08

Question wall

Viewers write !q followed by their question. They stack up in a queue and show on screen one at a time, big and readable, with the username of their author.

Live preview1920 × 1080

OBS Sources, Add, Browser, paste the address, width 1920, height 1080.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • The viewers' text goes on screen: when a mod deletes the message or bans the username, the question also disappears from the wall.
  • Messages with a link are ignored, and so are duplicates. At most two pending questions per username, 160 characters at most.
  • A question that has been shown doesn't come back. When the queue is empty, the wall invites viewers to ask theirs.
  • Full-screen source, 1920 x 1080, transparent: place it over the whole scene and choose the position here. Read-only and anonymous, nothing is saved.
  • The ticked preview uses fake messages and made-up usernames, marked "Simulation" on screen. It is scaled down: in OBS, the widget has its real size.

Widget 09

Word cloud

Your chat's words at a glance: the more a word is repeated, the bigger it grows. The strongest turns gold, and the others fade gently when nobody mentions them anymore.

Live preview1920 × 1080

OBS Sources, Add, Browser, paste the address, width 1920, height 1080.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • Small common words (le, de, et, the...) are ignored, as are commands, links and numbers. Emote names count as words.
  • A username counts the same word once every 8 seconds: repeating a word isn't enough, several people have to pick it up.
  • The words come from the chat as they are: add to the exclusion list the ones you don't want to see on screen.
  • Full-screen source, 1920 x 1080, transparent: place it over the whole scene and choose the position here. Read-only and anonymous, nothing is saved.
  • The ticked preview uses fake messages and made-up usernames, marked "Simulation" on screen. It is scaled down: in OBS, the widget has its real size.

Widget 10

Counters

Up to four named counters (deaths, wins, challenges) with an icon, which animate on every change. You control them from a panel, with plus one, minus one and keyboard shortcuts.

Live preview1280 × 200
Open the control panel

OBS Sources, Add, Browser, paste the address, width 1280, height 200.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • Names, icons and values are set in the control panel. The preview above follows the panel: open it in another tab of the same browser and click +1.
  • In OBS, paste the panel's address in Docks, Custom Browser Docks. The panel and the display share the browser's storage: they must run in the same browser, which is the case with an OBS dock.
  • Fixed values without a panel: add ?fixe=1&c1=Deaths:12:crane&c2=Wins:3:trophee to the address (name, value, icon). Icons: crane, trophee, coeur, etoile, eclair, epee, cible, flamme.
  • The values are kept from one session to the next in the browser. No remote control from the phone for now: it needs a small server.

Widget 11

Countdown

The countdown before the stream starts, up to the time you choose. At zero, it shows "Let's go".

Live preview1280 × 400

The preview appears once you've added a start date.

OBS Sources, Add, Browser, paste the address, width 1280, height 400.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • The time is that of the computer running OBS.
  • For a break during the stream, use "I'll be back in" instead: it starts from a duration.

Widget 12

I'll be back in

The break screen: a countdown in minutes and seconds, then "We're back" when it reaches zero.

Live preview900 × 300

OBS Sources, Add, Browser, paste the address, width 900, height 300.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • The time starts when the page opens. To make it restart at every break, tick the OBS option that refreshes the source when the scene becomes active.
  • With an exact time, the countdown aims for that time on your computer's clock.

Widget 13

Social networks rotator

Your networks, one line at a time: a small icon, the network's name, your username. The line switches cleanly every few seconds.

Live preview700 × 110

OBS Sources, Add, Browser, paste the address, width 700, height 110.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • The icons are generic, drawn for the site: they are not the brands' logos.
  • With a single network, the line stays fixed.
  • The address shown is built from your username (for example twitch.tv/your_username): read it over before going live.

Widget 14

Goal bar

A bar that fills up to your goal, with the current value, the target and the percentage.

Live preview800 × 150

OBS Sources, Add, Browser, paste the address, width 800, height 150.

Streamlabs Add a source, Browser Source, paste the address, same width and height.

The background is transparent: there is nothing else to set.

  • The numbers in the form are examples: put in your own.
  • The percentage is calculated (current divided by target). The bar stops at 100%, while the number can go higher.
  • The numbers come from the address, they don't update on their own: to change them, edit the source's address.