// Overlays
Overlay

Chat-Box Twitch-Overlay

Dein Twitch-Chat als schickes Overlay, besondere Emotes fliegen animiert davon.

Ein reines Anzeige-Overlay: es liest deinen Twitch-Chat und schreibt nie hinein. Emotes aus Twitch, 7TV, BTTV und FFZ, sechs Themes, kein Bot und kein Konto nötig, einfach als Browser-Quelle einbinden.

Ganzer ChatOhne EinsatzOBS Browser Source
Live
Chat-Box
Vorschau folgt
Chat-Box Twitch Overlay: schlichter Text-Chat, eibiflo mit STREAMER-Badge, bunte Namen, gelbe Smiley-Emotes fliegen.

Was das Overlay macht

// Kurz gesagt

Ein Overlay, das deinen Twitch-Chat direkt in die Szene holt, ohne dass du auf einen externen Chat-Tab schaust. Die Chat-Box liest den Chat mit und zeigt jede Nachricht sauber gesetzt, mit Namensfarbe, Mod-Badge und Emotes. Emotes kommen aus Twitch selbst sowie optional aus 7TV, BetterTTV und FrankerFaceZ, jede Quelle einzeln zuschaltbar. Das Highlight ist der Fly-Away-Effekt: landet ein besonderes Emote im Chat, löst sich eine große Kopie und fliegt animiert über die Szene, wahlweise als sanftes Aufsteigen, seitliches Gleiten oder als Burst bei Emote-Spam. Sechs eingebaute Themes reichen von minimal-clean über warm-cozy und klassisch-midnight bis zu leuchtend-neon, und die Box lässt sich frei in jede Ecke oder an jede Kante legen. Der Hintergrund ist transparent, sodass das Overlay dauerhaft aktiv bleiben kann. Die Box ist reine Anzeige: sie liest den Chat und schreibt nie hinein, braucht keinen Bot und kein Login. Im reinen Twitch-Modus laufen keine Anfragen an Dritte, das ist DSGVO-freundlich. Als OBS-Browser-Quelle ist es eine einzige HTML-Datei.

Features

// Was drin ist

01Zeigt deinen Twitch-Chat als sauberes Overlay, komplett transparent für OBS
02Sechs eingebaute Themes von minimal-clean über cozy und midnight bis neon
03Emotes aus Twitch, 7TV, BetterTTV und FrankerFaceZ, jede Quelle einzeln zuschaltbar
04Besondere Emotes lösen sich und fliegen animiert davon, als rise, drift oder burst
05Frei positionierbar in jeder Ecke oder an jeder Kante, neue Zeilen von unten oder oben
06Anonymes Twitch-IRC ohne Login, kein Bot nötig, optional über Streamer.bot
07Blendet Chat-Befehle automatisch aus, damit nur echte Nachrichten sichtbar sind
08Reine Anzeige: liest den Chat und schreibt nie hinein, keine Punkte, kein Risiko
09Eine einzige HTML-Datei als Browser-Quelle, im reinen Twitch-Modus ganz ohne Dritt-Anfragen

Wichtige Einstellungen

// Was du in der config.js anpasst

theme
Look: clean, cozy, midnight, twitch, light oder neon
position
Ecke oder Kante, zum Beispiel bottom-left oder top-right
direction
Neue Nachrichten unten (up) oder oben (down)
maxHeight
Maximale Höhe der Chat-Spalte in Pixeln, ältere Zeilen laufen sauber aus
emoteSources
Welche Emote-Quellen laden: twitch, 7tv, bttv, ffz
flyAwayStyle
Flug-Stil der Emotes: rise, drift oder burst
flyAwayTrigger
Wann ein Emote wegfliegt: emoteOnly, every, list oder combo
hideCommands
Zeilen mit Chat-Befehlen ausblenden, an oder aus

Screenshots

// Aus dem Overlay

Dein Custom Overlay

Dieses Overlay
im Look deiner Marke?

  • Farben, Texte und Regeln nach Wunsch
  • Eigene Mechanik oder neues Overlay
  • Twitch- und Kick-Integration nach Maß
Jetzt anfragen Andere Overlays Unverbindlich. Antwort meist in 48h.