Set to 0 for permanent messages (removed only when max messages exceeded)
50ms
Delay between multiple messages appearing simultaneously
Simplify animations for users with motion sensitivity
Select Font
OBS Browser Source Setup
Step 1: Configure Your Chat Settings
Click the ⚙️ settings button to open the settings panel and customize your chat display preferences (channels, fonts, colors, animations, etc.).
Step 2: Generate Browser Source URL
After configuring your settings, click the "Generate URL" button at the bottom of the settings panel to create your unique browser source URL.
Step 3: Copy the URL
Click "Copy URL" to copy the generated browser source URL to your clipboard.
Step 4: Add to OBS
In OBS Studio:
Right-click in your Sources panel
Select "Add" → "Browser Source"
Create a new source or use existing
Paste the copied URL into the "URL" field
Set Width: 800px, Height: 600px (or adjust as needed)
Uncheck "Shutdown source when not visible" and "Refresh browser when scene becomes active" so the chat stays active
Click "OK"
Step 5: Position and Resize
In OBS, drag and resize the browser source to fit your desired location on your stream layout. The chat will appear transparent and overlay perfectly on your stream!