Twitch Chat Overlay

Passe dein Twitch-Chat-Overlay exakt an deinen Stream an – direkt im Browser.

Wähle einen Stil (z. B. Glass, Neon oder Cyberpunk) und passe ihn nach Wunsch an: eigene Hintergrund- und Textfarben, Schriftarten, Rahmen und sogar Glow. Der Konfigurator erzeugt dir einen fertigen Link, den du in OBS einfach als Browserquelle einfügst – ohne zusätzliche Plugins. Änderungen siehst du in der Live-Vorschau sofort.

Das Overlay unterstützt Twitch- und 7TV-Emotes (inkl. Paint-Styles), zeigt Profilbilder und Badges, hebt @Mentions hervor und filtert auf Wunsch bekannte Bots. Du kannst jedes Preset frei überschreiben – etwa Cyberpunk mit schwarzem Hintergrund, eigener Schrift und gestricheltem, pinkem Rand + Glow.

Features

  • 🎨 Designstile + Overrides: Glass, Neon, Cyberpunk, Retro u. a. – Hintergrund, Farben, Schrift & Effekte frei anpassbar.
  • 🖌️ Farben & Typo: Hintergrund (auch transparent), Text- & Name-Farbe, Google-Fonts, Schriftgröße.
  • 🧱 Rahmen & Glow: Randfarbe, -breite & -stil (solid/dashed/dotted/none) sowie konfigurierbarer Leuchteffekt.
  • 📐 Layout: Ausrichtung links/rechts, Kompaktmodus, Randradius, Profilbild an/aus.
  • 💬 Emotes & Paints: Twitch, 7TV, FFZ & BTTV inkl. animierter Namen und @Mention-Highlight.
  • 👤 Badges & Avatare: Twitch-Profilbilder und Abzeichen werden automatisch angezeigt.
  • 🧹 Bot-Filter: Bekannte Bots ausblenden + eigene Liste ergänzen.
  • 🗑️ Moderation: Gelöschte/zeitüberschrittene Nachrichten verschwinden automatisch.
  • 👁️ Live-Vorschau & OBS-Link: Einstellungen testen und den fertigen Link direkt kopieren.
Presets werden 1:1 übernommen. Eigene Werte greifen nur, wenn du sie aktiv änderst.
Wird nur gesendet, wenn du die Farbe anfasst (Preset-first). Wird nur gesendet, wenn du die Farbe anfasst (Preset-first).
„Rechts“ spiegelt das Chat-Layout.
Wenn aktiv, ist der gesamte Text fett, nicht nur Erwähnungen.
Steuert die äußere Box um alle Chatblasen (Hintergrund, Rahmen, Leuchtrand).
Ohne Auswahl erscheinen die bei Twitch festgelegten Farben.
Standardmäßig werden ältere Nachrichten entfernt, sobald sie nicht mehr komplett ins Sichtfeld passen. Mit dieser Option bleiben sie als „laufender Feed“ stehen.
Leer lassen oder 0 = aus. Wenn gesetzt, blenden Nachrichten nach der Zeit weich aus – unabhängig vom Durchlauf-Modus.
Kompakt-Look
„Kleiner Modus“ reduziert Typografie/Avatare. „Layout schlank halten“ komprimiert Blasen, Abstände und Effekte – beides kann kombiniert werden.
Tipp: auto/leer = automatische, stilabhängige Werte • 0 = komplett entfernen.
Wie wirken Kompaktmodus, Abstände und Paint-Animation?
  • Kleiner Modus: Kleinere Schrift/Avatare/Zeilenhöhe.
  • Layout schlank halten: Minimiert Rahmen/Glow/Abstände der Blasen.
  • pad / gap / padMsg: Zahl = fester Override; leer = automatisch; 0 = entfernen.
  • 7TV-Paints animieren: Bewegt nur statische Paints sanft. GIF/APNG bleiben animiert.

FAQ

Ein Chat Overlay ist eine Browserquelle, die du in OBS oder andere Streaming-Software einbindest. Es zeigt deinen Twitch-Chat direkt im Stream an – mit eigenen Farben, Schriftarten und Emotes.

Das Chat Overlay unterstützt Twitch-Emotes, 7TV-Emotes (inklusive Paint-Styles und Farbverläufe), FFZ und BTTV. Animierte Emotes werden ebenfalls korrekt dargestellt.

Nein. Du kannst das Overlay komplett ohne Anmeldung oder Installation konfigurieren. Der Konfigurator läuft direkt im Browser und erzeugt einen fertigen OBS-Link zum Kopieren.

Aktuell stehen über 6 Design-Presets zur Verfügung: Glass, Neon, Cyberpunk, Retro und mehr. Jedes Preset kann komplett überschrieben werden – Hintergrundfarbe, Schriftart, Rahmen, Glow-Effekt und mehr.

Ja, das Overlay hat einen eingebauten Bot-Filter. Bekannte Bots wie Nightbot, StreamElements Bot etc. werden automatisch ausgeblendet. Zusätzlich kannst du eigene Benutzernamen manuell ausschließen.

Ja, das Overlay zeigt automatisch Twitch-Profilbilder und Abzeichen (Subscriber, Moderator, VIP etc.) neben den Chat-Nachrichten an.

Ja, das Overlay funktioniert mit jeder Streaming-Software, die Browserquellen unterstützt – also OBS Studio, Streamlabs und XSplit.

Erstellen Sie Ihr Konto