Cómo funciona
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Trío de iconos unidos
tarjetas animadas de diseño
Tres iconos con su etiqueta aparecen y una línea los une.
Ideal para: Tres pasos o tres pilares.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Formatos que pasaron el control de imagen
1:1
Lo que escribes
titleHeading above the icons; wrap words in *stars* to colour them, or empty to hide (≤50)· obligatorioitemsThe steps, joined by a line in order (2 to 4)· obligatorioshapeIcons in circles, in rounded squares, or on their ownpathA straight line joins the icons, or curved arcs hop between them
Una plantilla en código: gratis en todos los planes, sin créditos de IA.
Úsala en un vídeo
Lo que puedes cambiar:
rushie.props.titlerushie.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": "Icon trio",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "icon-trio",
"props": {
"title": "From page to *film*",
"items": [
{
"label": "Read",
"caption": "We read the page",
"icon": "search"
},
{
"label": "Write",
"caption": "A script timed to the voice",
"icon": "pencil"
},
{
"label": "Film",
"caption": "Your site, really filmed",
"icon": "laptop"
}
],
"shape": "circle",
"path": "straight"
}
}
}
}