Ir al contenido principal
Comparación

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

Tabla comparativa · Rushie

tarjetas animadas de diseño

Filas de funciones marcadas con tick o cruz columna a columna antes de que se ilumine la ganadora.

Ideal para: nosotros frente a ellos, comparativas de planes, niveles de precio.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Tabla comparativa · Rushie
16:9
Tabla comparativa · Rushie
9:16
1:1
1:1

Lo que escribes

  • title Title (≤60)· obligatorio
  • columns Two or three column names (≤16)· obligatorio
  • rows Rows: a feature and one value per column; 'yes' draws a tick, 'no' a cross, 'partial' a half mark, anything else is shown as text· obligatorio
  • kicker Small line above the title (≤40)
  • winner Which column (0-based) is highlighted as the winner (≤2)
  • badge Badge over the winning column, or empty to hide (≤16)

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.columnsrushie.props.rowsrushie.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": "Comparison table",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "comparison-table",
      "props": {
        "kicker": "Compare the options",
        "title": "Pictures you can't find, made for you",
        "columns": [
          "Rushie",
          "Stock sites",
          "Photo shoot"
        ],
        "winner": 0,
        "badge": "Best value",
        "rows": [
          {
            "feature": "Made to order",
            "values": [
              "yes",
              "no",
              "yes"
            ]
          },
          {
            "feature": "Commercial licence",
            "values": [
              "yes",
              "yes",
              "partial"
            ]
          },
          {
            "feature": "Ready in minutes",
            "values": [
              "yes",
              "yes",
              "no"
            ]
          },
          {
            "feature": "Unique to you",
            "values": [
              "yes",
              "no",
              "yes"
            ]
          },
          {
            "feature": "Starting price",
            "values": [
              "$4",
              "$29",
              "$800"
            ]
          }
        ]
      }
    }
  }
}

Más animaciones de Comparación