Wildcat Chat Overlay

Overview

The Wildcat Chat Overlay is a highly customizable chat widget designed specifically for streamers to use inside OBS. No login or extensive setup is required; you simply add the URL as a Browser Source in OBS and configure everything on the screen through the settings panel. It natively supports both Twitch and YouTube Live chat.

Platform Support

The chat overlay connects to various streaming platforms. You can configure your target platform from within the configuration panel in OBS.

Customization & Themes

The chat overlay includes powerful aesthetic customization tools. You can change fundamental styling directly through the config menu.

Automatic AI Themes

One of the most powerful features of the Wildcat Chat Overlay is its natural-language AI theme generator. Inside the config panel, simply type a description of the vibe, mood, or aesthetic you want (e.g., "cyberpunk neon night," "cozy wooden cabin in the snow," "vintage 90s vaporwave"). The overlay will intelligently generate the corresponding CSS variables, adjust the color palettes for ideal contrast, and apply the theme live!

Config Panel Features

All of the modifications and customizations are handled directly using the on-page settings menu. In OBS, right-click the Browser Source and select Interact to open the menu. The options include:

Chat Scene Creator

The Chat Scene Creator allows you to manage multiple instances of the chat overlay (e.g., one layout for "Just Chatting" and a different one for "Gaming").

Note on statelessness: The Chat Scene Creator acts only as a URL generator. When you create a new scene (e.g., "GamingScene"), it simply generates a unique URL parameter: chat.html?scene=GamingScene.

All aesthetic configurations and connection options are saved locally in the OBS Browser Source's cache, not on our servers. Therefore, you must configure the chat from within OBS by right-clicking it and selecting Interact. Changes to one scene (one specific parameter) will not affect the settings saved under a different URL parameter.

OBS Setup Instructions

Follow these thorough instructions to successfully install the chat overlay in your streaming software.

  1. In OBS Studio, find the Sources panel, click the + button, and select Browser.
  2. Name your source something recognizable (e.g., "Twitch Chat - Windowed").
  3. Paste the URL generated from the Chat Scene Creator into the URL field. If you cannot paste: Ensure the "Local file" option is unchecked first.
  4. Under the Width and Height properties, set Width to 320 and Height to 600 (This size is highly recommended for readability).
  5. Click "OK" to add the browser source to your overlay canvas.
  6. Configuring the Chat: Right-click the Browser Source you just made and select Interact.
  7. In the interactive window, enter your channel information, select your preferences by clicking the gear icon (⚙️) on the top-right, and hit "Connect".

Advanced OBS Tips