# Signup Flow: Signup Form Animation

A cursor fills in a signup card field by field, clicks Create account, and a success toast slides in. Use this video template in Subclip or copy its code for Claude.

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

A shadcn-style signup card where a cursor fills the name, email and password fields, submits with a loading state and gets a success toast.

- Framework: Remotion
- Category: UI
- Duration: 13 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/signup-flow

A "Create an account" card shows Full Name, Email, Password and Confirm fields, a Create account button, a Sign up with Google button and a sign-in link. A cursor clicks each field from top to bottom and the values type in: "John Doe", "m@example.com" and masked passwords. It then hovers and presses Create account, which shows a spinner and turns to success as an "Account created" toast slides in and later dismisses. It runs about 11 and a half seconds.

You can adjust the playback speed and the background around the scene, and edit the labels, values and colors in the code. Use it in a SaaS onboarding demo, a "sign up in seconds" ad, a landing page hero video or an auth feature walkthrough.

## Use it for

- SaaS onboarding demos
- Quick sign-up ads
- Landing page hero videos
- Auth feature walkthroughs

## What you can change

- `speed`: Playback speed (Number)
- `stageBackground`: Background around the scene (Color)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Signup Flow and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Signup Flow from remocn: https://remocn.dev