Chat widget setup

Channel

Match the space you reserve in OBS.

Safe padding 16px Message alignment OBS width 600px OBS height 800px

Set OBS Browser Source width/height to exactly these pixels and keep transform scale at 100%.

Keep chat legible after stream compression.

Font size 18px Line height 1.28 Username weight 820

Switch visible chat details without losing preview coverage.

Badges Emotes Timestamps Shared-chat source

Test transparent chat against different stream footage.

Row background 58% Full-width row background Text shadow Box/drop shadows Name color

Preview state changes without making setup noisy.

Deletion fade Hype effects Force reduced motion