Appel à l'action
Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.
Menu hamburger
cartes animées design
Un en-tête de site ou d'appli dont l'icône hamburger est touchée et se transforme en X tandis que le menu se déroule (ou glisse en tiroir) élément par élément ; un tap en surligne un, le menu se replie et le titre de la page devient cet élément.
Idéal pour : Navigation, démos de sites web et visites guidées d'appli.
Réglages
Police
Thème
Taille
Humeur
Formats validés par le contrôle d'image
1:1
Ce que vous écrivez
brandBrand name in the header (≤18)· obligatoireheadlineHeadline over the page's hero picture (≤32)· obligatoireitemsMenu items (≤18)· obligatoirebackdropWhat it sits on: dark, light, pure chroma-key green (#00b140) to key over your footage, or your picturepointerWho does the tapping: a fingertip touch, a mouse cursor, or nobodypickWhich item is tapped (1 is the first) (≤6)panelThe menu drops down under the header, or slides in as a side drawer
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.brandrushie.props.headlinerushie.props.itemsrushie.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": "Hamburger menu",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "hamburger-menu",
"props": {
"backdrop": "dark",
"image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
"pointer": "finger",
"brand": "Northwind",
"headline": "New season, new colours",
"items": [
"Home",
"Collections",
"Pricing",
"Stories",
"Contact"
],
"pick": 3,
"panel": "dropdown"
}
}
}
}