Chat Widget Studio

Design your OBS chat overlay ♡

Pick a vibe, tweak every detail, watch it live. Export a one-click OBS Browser Source ZIP when you're done. No coding, ever.

🎨Colour palette

Primary

Secondary

Accent

Text

Username

Moderator

VIP

Subscriber

Shadow

Border

Background

Import from character art

Upload PNG / JPG

We'll pick the most vibrant colors for you.

✒️Fonts

HeadingAa Bb 123 ♡

MessageAa Bb 123 ♡

TimestampAa Bb 123 ♡

All Google Fonts. Preview updates instantly.

💬Chat bubble

Corner radius22px

Padding14px

Border thickness2px

Transparency0%

Blur0px

Shadow strength40%

🖼Background

Colour

Opacity100%

Transparent is what OBS uses. Lower opacity lets your own scene background show through.

✨Decorations

Live preview · Cutesimulated chat · updates every ~2s

♡♥❤♡♥❤♡♥❤♡♥❤♡♥❤♡♥❤♡♥❤♡

Vcloud_kitten:vip check ✨

SPixelPanda:waaait what did they just say lmaooo

kumoFan42:brb making tea 🍵

cloud_kitten:sending love from japan 🌸

Moderator VIP Subscriber Regular StreamerSample includes long msgs, emoji spam, JA / ZH / EN, and every event type.