Ir al contenido principal
Cómo funciona

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Tres razones

tarjetas animadas de diseño

Una tarjeta por razón, cada una con un gran número que aparece.

Ideal para: Por qué la gente cambia.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Tres razones
16:9
Tres razones
9:16
1:1
1:1

Lo que escribes

  • title The headline; wrap words in *stars* to colour them, or empty to hide (≤64)· obligatorio
  • items The reasons, numbered in order (2 to 4)· obligatorio
  • kicker Small label above the title, or empty to hide (≤32)
  • layout A card per reason with a big number, or an editorial list with numbers in the margin
  • numerals Outlined numbers that fill when their reason is in focus, or solid numbers

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": "Three reasons",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "three-reasons",
      "props": {
        "kicker": "Why Northwind",
        "title": "3 reasons teams switch to *PageToVid*",
        "items": [
          {
            "title": "It reads your page",
            "text": "Facts from the page, not filler."
          },
          {
            "title": "It films your site",
            "text": "Real footage in a real browser."
          },
          {
            "title": "It speaks four languages",
            "text": "Voice and captions in each."
          }
        ],
        "layout": "cards",
        "numerals": "outline"
      }
    }
  }
}

Más animaciones de Cómo funciona