Chat Overlay

Personal config — Aaroneal

v2.26.0

Config Dashboard Event Lab & Connections

Profiles ▾

Saved server-side — survives cache clears on any device. Overlay URLs use ?p=Name and read the profile live, so saving here updates OBS on its next refresh.

Read-only release preview. Your live profiles are loaded for accurate review, but saving, overwriting, and deleting stay disabled until this release is approved.

Editing unsaved settings ● unsaved

Loading…

Platforms ▾

Every platform renders identically — only the badge next to the name differs.

Twitch No setup needed

Enable Twitch

Connects anonymously — works anywhere, no account

Channel

YouTube Checking…

Enable YouTube

Finds your live broadcast automatically

Channel

Video ID

⚠ Not fully set up. YouTube needs four things —

API key — enable YouTube Data API v3 ↗, create an API key under Credentials ↗, add it as YOUTUBE_API_KEY.
OAuth client — reading live chat rejects key-only auth, so on the same Credentials page create an OAuth client ID (type: Web application) with redirect URI . Add the id and secret as YOUTUBE_CLIENT_ID and YOUTUBE_CLIENT_SECRET, plus any random string as YOUTUBE_SETUP_KEY.
Consent once — after redeploying, visit /api/youtube/auth, enter the setup key in the secure form, and approve. The key never enters the URL; the refresh token is stored server-side and reused indefinitely.
Stream broker — the managed Cloudflare service must be healthy. Its status and recent connection history appear under Usage below.

Env vars only take effect after a redeploy.

TikTok Checking…

Enable TikTok

Connects while you're live on TikTok

Username

⚠ Not set up yet. TikTok has no official chat API, so it needs a signing provider:

Make a free Euler Stream ↗ account — the Community tier is $0 and covers one stream.
Copy your API key from their dashboard.
In Cloudflare ↗ → Workers & Pages → this project → Settings → Environment variables, add EULER_API_KEY, then redeploy.

The key stays server-side — the overlay only ever receives a short-lived token.

Show platform badges

Logo badge before the name on every message

Usage ▾

API consumption for today. Config page only — none of this appears in the overlay.

Loading…

Typography ▾

Font

Font size (px)

Line height (px)

Font weight

Text color

Small Caps

Stroke & Shadow ▾

Stroke thickness (px)

Stroke color

Drop shadow enabled

Shadow blur (rem)

Shadow color

Background

Transparent (for OBS)

Padding (px) ↺ 8

✦ Recommended: 9px

Layout ▾

Wrap style

Inline Newline Column Smart Column

Names30%

Messages70%

Column split ↺ 30%

Overflow fallback

Newline Inline

Max lines in column ↺ 2

Hide usernames

Reverse order

Newest message on top

Badge size (px)

Animations ▾

Slide-in animation

Distance (%)

Duration (ms)

Smooth push

Messages glide up instead of snapping

Duration (ms)

Fade out old messages

Fade after (sec)

Emotes ▾

Quality

Scale

Spacing (em)

Emoji ▾

Style

Twemoji JoyPixels Native

Scale (em)

7TV Paints ▾

Fetch & apply 7TV name paints

Animate gradient paints

Cycle duration (sec)

Filtering ▾

Hide commands

Messages starting with !

Hide bots

Built-in list + your custom bots below

Built-in bots (always filtered when enabled)

Your extra bots

Quick add common bots

Max messages

Advanced ▾

Batch interval (ms)

0 = instant. 300–500 = Streamlabs-style wave

Batch stagger (ms)

Colon spacing (px)

Overlay URL —

Preview

×

bg:

Grid