# Settings Toggle Flow: Einstellungsseiten-Animation

Ein Cursor legt einen Schalter um, wählt ein Theme aus einer Auswahl, zieht einen Lautstärkeregler und klickt auf Speichern, am Ende erscheint ein Gespeichert-Toast. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-settings-toggle-flow.mp4?v=a786adea42

Eine zweispaltige Einstellungskarte, in der ein Cursor Benachrichtigungen einschaltet, ein Theme wählt, einen Regler zieht und speichert.

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

Eine Karte "Notification settings" blendet ein, und ihre Steuerelemente erscheinen nacheinander aus der Unschärfe. Ein Cursor schaltet den Benachrichtigungsschalter ein, öffnet die Theme-Auswahl und wählt die letzte Option, Dark, und zieht dann den Lautstärkeregler, während sich der Wert ändert. Er klickt unten rechts auf "Save settings", der Knopf zeigt ein Häkchen, und ein Toast "Settings saved" erscheint und verschwindet später. Die Animation dauert etwa zehn Sekunden.

Sie können Wiedergabegeschwindigkeit und den Hintergrund rund um die Szene anpassen und Beschriftungen, Optionen und Farben im Code bearbeiten. Verwenden Sie die Vorlage in einer SaaS-Produkttour, einer Demo einer Einstellungsfunktion, einem App-Tutorial oder einer Design-System-Präsentation.

## Geeignet für

- SaaS-Produkttouren
- Demos von Einstellungsfunktionen
- App-Tutorials
- Präsentationen von Design-Systemen

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