Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Menú hamburguesa
Una cabecera de web o app cuyo icono de hamburguesa se toca y se transforma en una X mientras el menú se despliega (o entra como cajón lateral) elemento a elemento; un toque resalta uno, el menú se pliega y el título de la página pasa a ser ese elemento.
Ajustes
Formatos que pasaron el control de imagen
Lo que escribes
brandBrand name in the header (≤18)· obligatorioheadlineHeadline over the page's hero picture (≤32)· obligatorioitemsMenu items (≤18)· obligatoriobackdropWhat 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
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
rushie.props.brandrushie.props.headlinerushie.props.itemsrushie.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": "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"
}
}
}
}