# Signup Flow: Animação de formulário de cadastro

Um cursor preenche um cartão de cadastro campo por campo, clica em Create account e um toast de sucesso entra deslizando. Template de vídeo: copie o código para Claude ou edite no Subclip.

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

Um cartão de cadastro no estilo shadcn em que um cursor preenche nome, e-mail e senha, envia com um estado de carregamento e recebe um toast de sucesso.

- Framework: Remotion
- Categoria: Interface
- Duração: 13 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/signup-flow

Um cartão "Create an account" mostra os campos Full Name, Email, Password e Confirm, um botão Create account, um botão Sign up with Google e um link para entrar. Um cursor clica em cada campo de cima para baixo e os valores são digitados: "John Doe", "m@example.com" e senhas ocultas. Depois ele passa sobre Create account e clica, o botão mostra um indicador de carregamento e vira sucesso enquanto um toast "Account created" entra deslizando e depois se fecha. A animação dura cerca de onze segundos e meio.

Você pode ajustar a velocidade de reprodução e o fundo ao redor da cena e editar os rótulos, os valores e as cores no código. Use em uma demo de onboarding de SaaS, um anúncio de "cadastre-se em segundos", um vídeo de destaque de landing page ou um tour por um recurso de autenticação.

## Use para

- Demos de onboarding de SaaS
- Anúncios de cadastro rápido
- Vídeos de destaque de landing pages
- Tours por recursos de autenticação

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `stageBackground`: Fundo ao redor da cena (Cor)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Signup Flow e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Signup Flow do remocn: https://remocn.dev