TWITCH ONLY Designed specifically for Twitch. Not compatible with other platforms. 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, powered by Streamer.bot. Display random GIFs based on chat input — all fully compliant with Twitch's Terms of Service.

  • Trigger GIFs 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
Everyone Command

!gif [Input]

Description

Show a GIF based on the given input.

Example !gif 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 stays visible before being hidden again.
  • Range
    Controls how deep into the GIPHY results list the random GIF 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

  • GIF Height
    Limit the size by entering a max. height. The width will automatically adapt
  • Centered Mode
    If on, only a single GIF will appear in the center of the browser source. Random positon, rotation and Max. GIFs will be ignored.
  • Max. GIFs
    How many GIFs can be displayed at once on your canvas. Excess GIFs will enter a queue.
  • Random Rotation
    Randomly rotate the GIF in a -45° to +45° angle.
  • Position
    Spawn GIFs dynamically in a random position or in a pre-determined browser source of yours.
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.1 latest

  • Changed: +++ OVERHAUL - REQUIRES A BROWSER SOURCE NOW +++
  • New: Added a browser source, and thus support for other streaming platforms like Meld Studio
  • Changed: Added some cute subtle display animations
  • Removed: Removed all OBS related settings.

v1.0.4

  • Changed: Updated to the latest state of the dll (requires dll v.1.5.6 now).

v1.0.3

  • Fix: Introduced a workaround for the GIPHY static GIF issue that prevented half of the GIFs from animating.

v1.0.2

  • New: Prompt to confirm the TawmaeUI.dll download if it is not already present.

v1.0.1

  • New: Option to pick a scene to build the random GIFs on.

v1.0.0

  • New: Initial release.

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!