# Toast: Toast-Benachrichtigungs-UI

Ein Erfolgs-Toast mit "Changes saved" und dem Detail "Your profile has been updated." Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-toast.mp4?v=69eb04857a

Eine kleine Benachrichtigungskarte mit Icon, Titel und Detailzeile, im Standard- oder Erfolgsstil, für App-Demovideos.

- Framework: Remotion
- Kategorie: Oberfläche
- Dauer: 6 s
- Seitenverhältnis: 16:9 Querformat
- Code: Code holen (kostenlose Anmeldung): https://www.subclip.app/de/motion-graphics-templates/remotion/toast

Eine helle Toast-Karte zeigt ein Erfolgs-Icon, den Titel "Changes saved" und die Zeile "Your profile has been updated." Die Vorlage hält den sichtbaren Toast vier Sekunden lang. Im Code gleitet der Toast von unten herein, bleibt stehen und schließt sich dann von selbst.

Sie können den Titel, die Beschreibung, die Variante (die Icon und Farbe bestimmt) und den Zustand (sichtbar oder verborgen) ändern, dazu Wiedergabegeschwindigkeit und Hintergrund. Verwenden Sie die Vorlage, um in einer Produktdemo eine Aktion zu bestätigen, in einem Tutorial eine Benachrichtigung zu zeigen, einen Gespeichert- oder Gesendet-Moment zu markieren oder einem UI-Walkthrough Feedback hinzuzufügen.

## Geeignet für

- Aktionsbestätigungen in Demos
- Benachrichtigungen in Tutorials
- Gespeichert- und Gesendet-Momente
- UI-Walkthroughs

## 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 Toast 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 Toast von remocn: https://remocn.dev