# Toast: Toast Notification UI

A success toast that reads "Changes saved" with the detail "Your profile has been updated." Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/toast

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-toast.mp4?v=69eb04857a

A small notification card with an icon, a title and a detail line, in default or success style, for app demo videos.

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

A light toast card shows a success icon, the title "Changes saved" and the line "Your profile has been updated." The template holds the visible toast for four seconds. In the code, the toast slides in from below, holds and then dismisses itself.

You can change the title, the description, the variant (which sets the icon and its color) and the state (visible or hidden), plus playback speed and background. Use it to confirm an action in a product demo, show a notification in a tutorial, mark a saved or sent moment, or add feedback to a UI walkthrough.

## Use it for

- Action confirmations in demos
- Notifications in tutorials
- Saved and sent moments
- UI 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 Toast 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 Toast from remocn: https://remocn.dev