# Toast: Interfaz de notificación toast

Un toast de éxito que dice "Changes saved" con el detalle "Your profile has been updated.". Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

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

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

Una pequeña tarjeta de notificación con icono, título y línea de detalle, en estilo predeterminado o de éxito, para vídeos de demo de apps.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 6 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/toast

Una tarjeta toast clara muestra un icono de éxito, el título "Changes saved" y la línea "Your profile has been updated.". La plantilla mantiene el toast visible durante cuatro segundos. En el código, el toast entra deslizándose desde abajo, se mantiene y luego se cierra solo.

Puedes cambiar el título, la descripción, la variante (que define el icono y su color) y el estado (visible u oculto), además de la velocidad de reproducción y el fondo. Úsala para confirmar una acción en una demo de producto, mostrar una notificación en un tutorial, marcar un momento de guardado o enviado, o añadir respuesta visual a un recorrido por la interfaz.

## Úsala para

- Confirmaciones de acciones en demos
- Notificaciones en tutoriales
- Momentos de guardado y enviado
- Recorridos por la interfaz

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `stageBackground`: Fondo alrededor de la escena (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Toast y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Toast de remocn: https://remocn.dev