# Settings Toggle Flow: Animation de page de réglages

Un curseur active un interrupteur, choisit un thème dans une liste, fait glisser un curseur de volume et clique sur Enregistrer, pour finir sur un toast de confirmation. Modèle vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/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

Une carte de réglages sur deux colonnes où un curseur active les notifications, choisit un thème, fait glisser un curseur et enregistre.

- Framework: Remotion
- Catégorie: Interface
- Durée: 11 s
- Format: 16:9 paysage
- Code: Obtenir le code (connexion gratuite) : https://www.subclip.app/fr/motion-graphics-templates/remotion/settings-toggle-flow

Une carte " Notification settings " apparaît et ses contrôles sortent du flou un par un. Un curseur active l'interrupteur des notifications, ouvre la liste des thèmes et choisit la dernière option, Dark, puis fait glisser le curseur de volume pendant que la valeur change. Il clique sur " Save settings " en bas à droite, le bouton affiche une coche et un toast " Settings saved " apparaît puis se ferme. L'animation dure environ dix secondes.

Vous pouvez régler la vitesse de lecture et l'arrière-plan autour de la scène, et modifier les libellés, les options et les couleurs dans le code. Utilisez-le dans une visite de produit SaaS, une démo de fonctionnalité de préférences, un tutoriel d'app ou la présentation d'un design system.

## Idéal pour

- Visites de produits SaaS
- Démos de fonctionnalités de préférences
- Tutoriels d'app
- Présentations de design systems

## Ce que vous pouvez modifier

- `speed`: Vitesse de lecture (Nombre)
- `stageBackground`: Arrière-plan autour de la scène (Couleur)

## Comment utiliser ce template

1. Téléchargez Subclip pour Mac ou Windows. Tous les templates de cette page y sont préinstallés.
2. Ouvrez le panneau Templates, choisissez Settings Toggle Flow et déposez-le sur votre timeline.
3. Modifiez le texte, les couleurs et le timing dans les réglages du calque, ou demandez à l'agent IA de le faire pour vous.
4. Exportez votre vidéo, ou téléchargez le code pour utiliser le template dans votre propre projet.

Basé sur Settings Toggle Flow de remocn: https://remocn.dev