TWITCH Supports twitch messages & events. YOUTUBE Supports youtube messages & events. OBS Compatible with OBS and all other streaming softwares. Meld Compatible with Meld Studio and all other streaming softwares. DLL REQUIRED This extension requires a .dll file (TawmaeUI.dll) in your Streamer.bot directory. On your first setup, it will ask to auto-download. You can download it manually at tawmae.xyz/dll.

GIPHY & SB

5.0(7)

A GIPHY integration for Twitch & YouTube, powered by Streamer.bot. Display random GIFs, stickers and clips based on chat input — all fully compliant with Twitch's Terms of Service.

  • Trigger GIFs, stickers and clips from chat with a single command
  • Single or multiple GIFs in fixed or random positions
  • No API key or registration required
  • Content rating control
GIPHY & SB Streamer.bot extension preview

Quick Access

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

Browser Source URL

Add this as a browser source to OBS.
https://tawmae.xyz/overlays/giphy-and-sb

Action Import String

Import the actions into Streamer.bot.
Loading…

Setup Guide
1

Copy the Action Import String

Copy the Action Import text from Quick Access.

Copy the Action Import String
2

Import the actions 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.

Import the actions into Streamer.bot
3

Enable the commands

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

Enable the commands
4

Run the Settings UI once

Open the action [GIPHY & SB] #0 - Settings. Right-click the Test trigger and hit Test Trigger to open the Settings UI once.

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.
Run the Settings UI once
5

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.

Start WebSocket Server
6

Copy Browser Source URL

Copy the Browser Source URL from Quick Access.

Copy Browser Source URL
7

Add Browser Source in OBS

In OBS, create a new Browser Source, name it whatever you want. Then paste the copied URL into URL and set the Width and Height to your OBS canvas size (e.g. 1920x1080)

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.
Add Browser Source in OBS
8

Done!

And you are done! You can now type !gif catjam into your chat.

Commands
Command Permission Description Example
!gif [Input]
Everyone Show a GIF based on the given input. !gif cat jam
!sticker [Input]
Everyone Show a sticker based on the given input. Stickers are GIFs with transparent backgrounds. !sticker cat jam
!showClip [Input]
Everyone Show a clip based on the given input. Clips are short videos and have sound. !showClip cat jam

Settings UI

General

Configure content rating, display duration, and how far into the search results the random pick can go.

  • Content Rating
    Limit GIFs to a specific rating. All ratings are safe for streams and moderated by GIPHY.
  • Duration
    How long each GIF and stickers stays visible before being hidden again. Clips always use their actual duration.
  • Range
    Controls how deep into the GIPHY results list the random GIF/Sticker/Clip is picked from. A range of 1 will always pick the top result without any variation.
General settings

Overlay

Decide the GIF size, GIF limit, and whether GIFs appear in a fixed position or at one place

  • Media Height
    Limit the size by entering a max. height. The width will automatically adapt
  • Centered Mode
    If on, only a single GIF/Sticker/Clip will appear in the center of the browser source. Random positon, rotation and Max. Items will be ignored.
  • Max. Items
    How many GIFs/Stickers/Clips can be displayed at once on your canvas. Excess items will enter a queue..
  • Random Rotation
    Randomly rotate the GIF in a -45° to +45° angle.
  • Clip Volume
    Adjust the volume for Clips playback in percent. Set to 0 to mute.
Overlay settings

Chat Responses

Edit chat responses. Use a single hyphen to skip a message. Allows to use variables that are listed below each textbox. Reset to default by clicking the icon on the right.

Chat Responses settings

Changelog

v2.0.3 latest

  • New: Added sticker support (stickers are transparent GIFs)
  • New: Added clips support (have sound)

v2.0.2

  • New: Added YouTube support
  • Changed: Bumped required DLL to v.1.7.0

User Reviews

5.0 (7 reviews)

Reviews

Easy to import, Easy to set up, and is fun for everyone in chat! Tawmae does an amazing job explaining how to use his extensions, and if you ever need help he is very responsive on his discord with assistance. 10/10

On MIU, I limited the 'random gif' redemption to ones I chose and downloaded to my system. Love how with this one I can have max rating set to be PG to match my channel. Keep up the great work!