🖥️ ChallaChat 💬

Capture and display any livestream chat in a custom overlay.

No cloud, all local. Completely free and open source!

View the Live Demo!
ChallaChat Browser Extension

Browser Extension

Extracts chat messages from any livestream webpage

Chrome Edge Firefox
ChallaChat Overlay Application

Overlay Application

Displays all extracted messages in a customizable local overlay

GitHub Download on GitHub
Streaming Software Compatibility

Works with Any Streaming Software

Compatible with OBS Studio, Streamlabs, and any streaming software that supports Browser sources

🌐 Multi-Platform

Works with any livestream webpage. Multiple streams may be captured simultaneously and displayed in the same overlay.

🔧 Simple Setup

Portable Windows executable with no external cloud services required. Pairs seamlessly with your web browsers.

⚡ Real-time

Instant display with minimal CPU usage. Captures chat messages, emotes, memberships, donations, and more!

👥 User Recognition

Colored badges for owners, moderators, members, and verified users. Profile pictures are preserved via image URL.

🎨 Beautiful Themes

Dark, Light, and Transparent themes with full customization. Auto-scaling for any stream resolution.

🎵 Smart Audio

Customizable notification sound effects (with volume control) for messages, donations, and subscriptions.

Open Source

100% Open Source

Check the GitHub repo for the full source code (including this website), license information, bug reports, feature requests, and development progress!

Secure & Private

Digitally signed releases with no data collection or telemetry. Everything runs locally on your machine - chat data never leaves your computer.

Ultra-Low Latency

Direct browser-to-overlay communication eliminates cloud and network delays. Messages appear faster than any other external overlay.

1

Install the Browser Extension

To capture a livestream's chat messages, install the ChallaChat Extension for your web browser:

Chrome Web Store Microsoft Edge Add-ons Firefox Add-ons

After installation, start the extension on any livestream webpage to begin capturing messages.

NOTE: Keep the browser window open and active. Some streaming services stop serving messages when the tab is inactive or the window is minimized.

2

Download the Overlay Application

Download and run the local overlay server that displays captured chat messages:

Download for Windows
View all releases on GitHub

Portable application with bundled Node.js runtime. No installation required - just extract and run.

3

Connect to Streaming Software

Add the chat overlay to your streaming software:

To add the overlay to your streaming software (OBS, Streamlabs, etc), add a new Browser Source.

When the connected with the Extension, the Overlay Application will tell you what URL to use for this browser source. It will be similar to: http://challachat.localhost:7072

Adjust the width, height, and placement of the source for your stream. The chat messages will display in the overlay as soon as they appear in the Extension's web browser.

4

Customize Your Overlay

In your streaming software, select your newly-added overlay source. There should be an option to 'Interact' with it, which gives you direct access to changing the overlay settings.

Click anywhere on the overlay page to open the settings menu. You can choose from several appearance presets, and customize specific details to match your stream's exact branding.