# Signup Flow: Anmeldeformular-Animation

Ein Cursor füllt eine Anmeldekarte Feld für Feld aus, klickt auf Create account, und ein Erfolgs-Toast gleitet herein. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Eine Anmeldekarte im shadcn-Stil, in der ein Cursor Name, E-Mail und Passwort ausfüllt, mit Ladezustand absendet und einen Erfolgs-Toast erhält.

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

Eine Karte "Create an account" zeigt die Felder Full Name, Email, Password und Confirm, einen Knopf Create account, einen Knopf Sign up with Google und einen Anmeldelink. Ein Cursor klickt jedes Feld von oben nach unten an, und die Werte tippen sich ein: "John Doe", "m@example.com" und maskierte Passwörter. Dann fährt er über Create account und drückt den Knopf, der einen Spinner zeigt und auf Erfolg wechselt, während ein Toast "Account created" hereingleitet und später verschwindet. Die Animation dauert etwa elfeinhalb Sekunden.

Sie können Wiedergabegeschwindigkeit und den Hintergrund rund um die Szene anpassen und Beschriftungen, Werte und Farben im Code bearbeiten. Verwenden Sie die Vorlage in einer SaaS-Onboarding-Demo, einer Werbung nach dem Muster "In Sekunden angemeldet", einem Hero-Video für eine Landingpage oder einem Walkthrough einer Auth-Funktion.

## Geeignet für

- SaaS-Onboarding-Demos
- Werbung für schnelle Anmeldung
- Hero-Videos für Landingpages
- Walkthroughs von Auth-Funktionen

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