Chat widget
1 / 5
Chat widget
Custom Chat Overlay
This custom Twitch chat overlay is a StreamElements widget you shape to fit: size, border, solid or gradient backgrounds, fonts, colors, alignment, spacing and animation are all settings. The preview shows rounded message pills with a soft white-to-aqua gradient.
$5.00 USD
Instant digital download
What's included
- StreamElements chat widget in one ZIP file
- Installs into StreamElements with one click
- Chat size and border settings
- Solid color or two-color gradient backgrounds
- Font, text color, alignment, spacing and animation controls
- Works in OBS through a browser source
the details
About the Custom Chat Overlay
Some chat widgets come with a gimmick; this one is for streamers who want their own look without one. Messages appear as rounded pills with a border, and the background can be a flat color or a gradient between two colors at any angle, which is how the preview gets its white-to-aqua and pink-to-purple fades. Change the font, the text color and the username color, and the overlay takes on your channel's palette.
As a custom Twitch chat overlay, it's built around layout control. Resize the chat to the space you have, set the border, align the text and adjust the spacing between messages so a busy chat stays tidy. Add an animation for incoming messages if you like movement, or keep things calm. It installs into StreamElements with one click and goes into OBS as a browser source.
It fits VTuber models that need chat in brand colors, cozy art streams and gaming layouts alike, because nothing about it is tied to a theme. The listing images show several finished looks side by side, from candy pink to mint green to violet, which gives an idea of how far one widget can stretch.
what you get
Highlights
Flat or gradient
Use a single background color, or blend two colors with an adjustable gradient angle and background opacity.
Size and border
Scale the chat to your layout and set the border so messages read as neat, framed pills.
Your fonts and colors
Choose the font and its size, then color the message text and the usernames separately.
Tidy alignment and spacing
Align the messages and set the gap between them to keep a fast chat orderly.
Optional animations
Add motion to incoming messages, or leave it off for a still, minimal chat box.
setup
How to set it up
Download the ZIP from Etsy and run the one-click installation to add the widget to StreamElements.
In the overlay editor, set the chat size and border, then choose a solid color or a gradient.
Pick your font, text and username colors, alignment, spacing and animation.
Save the overlay and load its URL in OBS through a browser source.
questions
FAQ
Can I match my channel colors exactly?
Yes. The background takes any color or a two-color gradient at your angle, and the message text and usernames each have their own color setting.
Do I need to code anything?
No. Installation is one click into StreamElements, and size, border, background, fonts, colors, alignment, spacing and animation are all adjusted in the widget's settings.
Get the Custom Chat Overlay
$5.00 USD on Etsy
