Zum Hauptinhalt springen
Call-to-Action

Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.

Hamburger-Menü

gestaltete motion-karten

Ein Website- oder App-Header, dessen Hamburger-Symbol angetippt wird und sich zu einem X verwandelt, während das Menü Eintrag für Eintrag herunterklappt (oder als Drawer hereingleitet); ein Tipp hebt einen hervor, das Menü faltet sich weg und die Seitenüberschrift wird zu diesem Eintrag.

Ideal für: Navigation, Website-Demos und App-Rundgänge.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

Hamburger-Menü
16:9
Hamburger-Menü
9:16
1:1
1:1

Was du schreibst

  • brand Brand name in the header (≤18)· Pflicht
  • headline Headline over the page's hero picture (≤32)· Pflicht
  • items Menu items (≤18)· Pflicht
  • 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
  • pick Which item is tapped (1 is the first) (≤6)
  • panel The menu drops down under the header, or slides in as a side drawer

Bilder (image) kommen aus dem Bild der Szene, sonst aus einem Verlauf in deinen Farben.

Eine Code-Vorlage: in jedem Tarif kostenlos, ohne KI-Credits.

In einem Film verwenden

Gemacht fürEndkarte
Was du ändern kannst:rushie.props.brandrushie.props.headlinerushie.props.itemsrushie.props (others)
Für Entwickler (MCP und JSON)

Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.

{
  "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"
      }
    }
  }
}

Weitere Call-to-Action-Animationen