# Signup Flow: Анимация формы регистрации

Курсор заполняет карточку регистрации поле за полем, нажимает Create account, и выезжает тост об успехе. Видеошаблон: код для Claude или монтаж в Subclip.

Canonical URL: https://www.subclip.app/ru/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, где курсор заполняет имя, email и пароль, отправляет форму с состоянием загрузки и получает тост об успехе.

- Фреймворк: Remotion
- Категория: Интерфейс
- Длительность: 13 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/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. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Signup Flow и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

Основан на Signup Flow из remocn: https://remocn.dev