# Settings Toggle Flow: Анимация страницы настроек

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

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/remotion/settings-toggle-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-settings-toggle-flow.mp4?v=a786adea42

Карточка настроек в две колонки, где курсор включает уведомления, выбирает тему, двигает ползунок и сохраняет.

- Фреймворк: Remotion
- Категория: Интерфейс
- Длительность: 11 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/remotion/settings-toggle-flow

Карточка "Notification settings" плавно появляется, и ее элементы по одному проявляются из размытия. Курсор включает переключатель уведомлений, открывает список тем и выбирает последний вариант, Dark, а затем двигает ползунок громкости, пока меняется значение. Он нажимает "Save settings" в правом нижнем углу, на кнопке появляется галочка, и тост "Settings saved" появляется и позже закрывается. Анимация длится около десяти секунд.

Вы можете настроить скорость воспроизведения и фон вокруг сцены, а подписи, варианты и цвета -- изменить в коде. Используйте шаблон в обзоре SaaS-продукта, демо функции настроек, уроке по приложению или презентации дизайн-системы.

## Для чего подходит

- Обзоры SaaS-продуктов
- Демо функций настроек
- Уроки по приложениям
- Презентации дизайн-систем

## Что можно изменить

- `speed`: Скорость воспроизведения (Число)
- `stageBackground`: Фон вокруг сцены (Цвет)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Settings Toggle Flow и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

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