Appel à l'action
Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.
Notification de succès
cartes animées design
Une notification glisse, sa coche se dessine dans un cercle qui pulse.
Idéal pour : Montrer le moment où ça marche.
Réglages
Police
Thème
Taille
Humeur
Formats validés par le contrôle d'image
1:1
Ce que vous écrivez
titleBold first line of the toast (≤32)· obligatoiremessageLine under the title, or empty for a one-line toast (≤90)· obligatoireactionSmall action button on the toast, or empty to show only a close button (≤12)· obligatoirestyleA 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
Les images (image) viennent de l'image de la scène, sinon d'un dégradé à vos couleurs.
Un modèle en code : gratuit sur toutes les offres, sans crédits IA.
L'utiliser dans un film
Idéal pourCarte de fin
Ce que vous pouvez changer :
rushie.props.titlerushie.props.messagerushie.props.actionrushie.props (others)Pour les développeurs (MCP et JSON)
Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.
{
"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"
}
}
}
}