Ir al contenido principal
Llamada a la acción

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

Giro de interruptor

tarjetas animadas de diseño

Se toca un gran interruptor de ajustes, su botón se estira al deslizarse, y un círculo se expande desde el botón para cambiar el tema de toda la tarjeta de claro a oscuro (el sol se convierte en luna, aparecen estrellas), como píldora, interruptor material fino o cuadrado sobre fondo oscuro, claro, pantalla verde o tu imagen.

Ideal para: Modo oscuro, ajustes y momentos de activar/desactivar funciones.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Giro de interruptor
16:9
Giro de interruptor
9:16
1:1
1:1

Lo que escribes

  • label What the switch is called (≤22)· obligatorio
  • backdrop What it sits on: dark, light, pure chroma-key green (#00b140) to key over your footage, or your picture
  • pointer Who does the tapping: a fingertip touch, a mouse cursor, or nobody
  • subtitle A line under the name (≤44)
  • onText Status word when switched on (≤12)
  • offText Status word when switched off (≤12)
  • direction Switch it on and the card turns dark, or switch it off and the card turns light
  • shape A chunky pill switch, a slim track with an overhanging knob, or a squared switch

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

Ideal paraCierre
Lo que puedes cambiar:rushie.props.labelrushie.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": "Toggle flip",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "toggle-flip",
      "props": {
        "backdrop": "dark",
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "pointer": "finger",
        "label": "Dark mode",
        "subtitle": "Easier on the eyes at night",
        "onText": "On",
        "offText": "Off",
        "direction": "to-dark",
        "shape": "pill"
      }
    }
  }
}

Más animaciones de Llamada a la acción