# Settings Toggle Flow: Settings Page Animation

A cursor flips a switch, picks a theme from a select, drags a volume slider and clicks Save, ending in a saved toast. Use this video template in Subclip or copy its code for Claude.

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

A two-column settings card where a cursor turns on notifications, chooses a theme, drags a slider and saves.

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

A "Notification settings" card fades in with its controls blurring in one by one. A cursor turns on the notifications switch, opens the theme select and picks the last option, Dark, then drags the volume slider while the value changes. It clicks "Save settings" in the bottom right, the button shows a check, and a "Settings saved" toast appears and later dismisses. It runs about ten seconds.

You can adjust the playback speed and the background around the scene, and edit the labels, options and colors in the code. Use it in a SaaS product tour, a preferences feature demo, an app tutorial or a design system showcase.

## Use it for

- SaaS product tours
- Preferences feature demos
- App tutorials
- Design system showcases

## 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 Settings Toggle 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 Settings Toggle Flow from remocn: https://remocn.dev