# Chat Flow: Chatverlauf-Animation

Ein Chatverlauf spielt sich ab: Nachrichten werden getippt und gesendet, die Gegenseite zeigt Tipp-Punkte, Antworten kommen an und Reaktionen springen herein. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

Canonical URL: https://www.subclip.app/de/motion-graphics-templates/remotion/chat-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-chat-flow.mp4?v=7cfbb558c8

Ein Chatverlauf in Smartphone-Breite, in dem ausgehende Nachrichten ins Eingabefeld getippt und gesendet werden, Tipp-Punkte zu Antworten werden und Emoji-Reaktionen erscheinen.

- Framework: Remotion
- Kategorie: Social Media und Chat
- Dauer: 12 s
- Seitenverhältnis: 16:9 Querformat
- Code: Code holen (kostenlose Anmeldung): https://www.subclip.app/de/motion-graphics-templates/remotion/chat-flow

Ein Chat in Smartphone-Breite mit Kontaktkopf, Verlauf und Eingabefeld erscheint. Die erste Nachricht, die fragt, ob die andere Person bereit für die Demo ist, wird ins Eingabefeld getippt, gesendet und steigt in den Verlauf auf. In einer eingehenden Blase erscheinen Tipp-Punkte, die zur Antwort "Yep, pushing it live now" werden, und eine 🔥-Reaktion springt herein. Eine zweite Nachricht, "Perfect, sending the link over", wird getippt, gesendet und bekommt ein 👍. Die Animation dauert etwa 12 Sekunden.

Sie können Wiedergabegeschwindigkeit und den Hintergrund rund um die Szene anpassen und Nachrichten, Kontakt und Farben im Code bearbeiten. Verwenden Sie die Vorlage, um in einer Werbung eine kurze Geschichte zu erzählen, eine Messaging-Funktion zu zeigen, einem Erklärvideo einen Chatmoment hinzuzufügen oder einen nahbaren Social-Clip zu erstellen.

## Geeignet für

- Werbung mit Storytelling
- Demos von Messaging-Funktionen
- Chatmomente in Erklärvideos
- Nahbare Social-Clips

## Was du anpassen kannst

- `speed`: Wiedergabegeschwindigkeit (Zahl)
- `stageBackground`: Hintergrund rund um die Szene (Farbe)

## So nutzt du diese Vorlage

1. Lade Subclip für Mac oder Windows herunter. Alle Vorlagen auf dieser Seite sind dort bereits vorinstalliert.
2. Öffne das Vorlagen-Panel, wähle Chat Flow aus und zieh die Vorlage auf deine Timeline.
3. Passe Text, Farben und Timing in den Ebeneneinstellungen an oder lass den KI-Agenten die Änderungen für dich übernehmen.
4. Exportiere dein Video oder lade den Code herunter, um die Vorlage in deinem eigenen Projekt zu verwenden.

Basiert auf Chat Flow von remocn: https://remocn.dev