Chat Widget

Chat Widget Configurator

Tweak every knob on the left and watch the live preview update on the right. When it looks right, copy the browser-source URL into OBS.

Appearance

Theme

Font source

Avatar shape

Font

Pick one or type any Google Font.

Avatars

Platform icons

Badges

Mode

Anchor position

Enter from

Direction new messages slide in from.

Animation speed: 260ms

Max messages

Auto-hide (ms)

0 = never

Timestamps

Allow GIF links

Ignore commands (messages starting with “!”)

Hide known bots

Always exclude users

Type a login and press Enter (or comma-separate several).

No users excluded yet.

Every event shows by default. Switch one off to hide it from the feed.

All

Integrations

Preview runs in demo mode with fake chat & alerts. Your connection details are not used here.

OBS Browser Source URL