# Signup Flow: Animation de formulaire d'inscription

Un curseur remplit une carte d'inscription champ par champ, clique sur Create account et un toast de réussite apparaît en glissant. Modèle vidéo : code pour Claude ou montage dans Subclip.

Canonical URL: https://www.subclip.app/fr/motion-graphics-templates/remotion/signup-flow

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

Une carte d'inscription façon shadcn où un curseur remplit le nom, l'e-mail et le mot de passe, valide avec un état de chargement et reçoit un toast de réussite.

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

Une carte " Create an account " affiche les champs Full Name, Email, Password et Confirm, un bouton Create account, un bouton Sign up with Google et un lien de connexion. Un curseur clique sur chaque champ de haut en bas et les valeurs se tapent : " John Doe ", " m@example.com " et des mots de passe masqués. Il survole ensuite Create account et clique, le bouton affiche un indicateur de chargement puis passe en réussite pendant qu'un toast " Account created " glisse puis se ferme. L'animation dure environ onze secondes et demie.

Vous pouvez régler la vitesse de lecture et l'arrière-plan autour de la scène, et modifier les libellés, les valeurs et les couleurs dans le code. Utilisez-le dans une démo d'onboarding SaaS, une publicité " inscrivez-vous en quelques secondes ", une vidéo d'en-tête de landing page ou un parcours de fonctionnalité d'authentification.

## Idéal pour

- Démos d'onboarding SaaS
- Publicités d'inscription rapide
- Vidéos d'en-tête de landing pages
- Parcours de fonctionnalités d'authentification

## 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 Signup 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 Signup Flow de remocn: https://remocn.dev