Llamada a la acción
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Aviso de éxito
tarjetas animadas de diseño
Un aviso entra y su marca se dibuja en un círculo que late.
Ideal para: Mostrar el momento en que funciona.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Formatos que pasaron el control de imagen
1:1
Lo que escribes
titleBold first line of the toast (≤32)· obligatoriomessageLine under the title, or empty for a one-line toast (≤90)· obligatorioactionSmall action button on the toast, or empty to show only a close button (≤12)· obligatoriostyleA card with a draining timer bar, a compact pill with a timer ring, or a tinted card with a bold coloured edgeentryWhere it slides in from, and leaves todismissA pointer presses the action (or the close button) and it leaves, or its timer simply runs outbackdropWhat is behind it: a dark or a light studio, pure chroma-key green (#00b140, no shadows on it) to key over your footage, or your picture
Las imágenes (image) salen de la imagen de la escena o, si no hay, de un degradado con tus colores.
Una plantilla en código: gratis en todos los planes, sin créditos de IA.
Úsala en un vídeo
Ideal paraCierre
Lo que puedes cambiar:
rushie.props.titlerushie.props.messagerushie.props.actionrushie.props (others)Para desarrolladores (MCP y JSON)
Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.
{
"visual": "rushie",
"heading": "Success toast",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "success-toast",
"props": {
"title": "Film ready",
"message": "Your 45-second launch film has rendered.",
"action": "View",
"style": "card",
"entry": "right",
"dismiss": "click",
"backdrop": "dark",
"image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg"
}
}
}
}