# Signup Flow: 注册表单动画

光标逐项填写注册卡片，点击 Create account，随后一条成功提示滑入。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

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

shadcn 风格的注册卡片，光标填写姓名、邮箱和密码，提交时显示加载状态，并收到成功提示。

- 框架: Remotion
- 类别: 界面
- 时长: 13 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/signup-flow

"Create an account"卡片显示 Full Name、Email、Password 和 Confirm 字段，一个 Create account 按钮、一个 Sign up with Google 按钮和一个登录链接。光标从上到下依次点击每个字段，输入"John Doe""m@example.com"和隐藏的密码。随后光标悬停并按下 Create account，按钮显示加载图标后变为成功状态，同时"Account created"提示滑入，稍后关闭。动画时长约十一秒半。

您可以调整播放速度和场景周围的背景，并在代码中编辑标签、数值和颜色。适用于 SaaS 新手引导演示、"几秒完成注册"广告、落地页主视频或身份验证功能导览。

## 适用场景

- SaaS 新手引导演示
- 快速注册广告
- 落地页主视频
- 身份验证功能导览

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Signup Flow 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Signup Flow 制作: https://remocn.dev