# Signup Flow: Animación de formulario de registro

Un cursor rellena una tarjeta de registro campo a campo, pulsa Create account y entra un toast de éxito. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

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

Una tarjeta de registro al estilo de shadcn donde un cursor rellena el nombre, el email y la contraseña, envía con un estado de carga y recibe un toast de éxito.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 13 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/signup-flow

Una tarjeta "Create an account" muestra los campos Full Name, Email, Password y Confirm, un botón Create account, un botón Sign up with Google y un enlace para iniciar sesión. Un cursor hace clic en cada campo de arriba abajo y los valores se escriben: "John Doe", "m@example.com" y contraseñas ocultas. Después pasa sobre Create account y lo pulsa, el botón muestra un spinner y pasa a éxito mientras entra un toast "Account created" que luego se cierra. Dura unos once segundos y medio.

Puedes ajustar la velocidad de reproducción y el fondo alrededor de la escena, y editar las etiquetas, los valores y los colores en el código. Úsala en una demo de onboarding de un SaaS, un anuncio de "regístrate en segundos", un vídeo principal de landing page o un recorrido por una función de autenticación.

## Úsala para

- Demos de onboarding de SaaS
- Anuncios de registro rápido
- Vídeos principales de landing pages
- Recorridos por funciones de autenticación

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `stageBackground`: Fondo alrededor de la escena (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Signup Flow y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Signup Flow de remocn: https://remocn.dev