Alle Premium-Video-Skills in einem Plan. Jederzeit kündbar.Pläne ansehen
Halden Solace · 16:9

Mit diesem Skill gerendert

Code Slice Hero Titel v1.0.0

Eine große Headline aus Kacheln, die unter einer durchlaufenden Tiefenwelle einzeln umklappen und eine zweite Headline dahinter freilegen.

Noch keine Bewertungen 0 Downloads
Format
Video · 16:9
Länge
0:08

Kostenlos Kostenlos mit Konto

Zum Herunterladen anmelden

Füge das in deinen Agent ein. Er verbindet bei Bedarf die CLI und installiert dann den Skill.

Ein kostenloser HyperFrames-Block für 8-sekündige Titelkarten. Deine vordere Headline steht auf einem Raster aus Zellen; ein weiches Tiefenfeld läuft darüber, jede Zelle klappt mit leichtem Federn und Schatten um, und übrig bleibt die hintere Headline. Beide Zeilen, Laufrichtung, Tempo, Zellgröße und Farben sind Variablen.

Aktualisiert am 2. Nov. 2026

Das bekommst du

  • Eine 8-sekündige Titelkarte als MP4 in 1920×1080
  • Zwei Headlines mit einem Kachel-für-Kachel-Flip dazwischen
  • Variablen für Welle, Timing, Zellgröße, Schatten und Farben

Gut geeignet für

  • Launch-Opener und Endkarten
  • Aussage-und-Pointe-Zeilen für Social Posts
  • Rebrandings und Vorher-nachher-Botschaften

Nicht geeignet für

  • Lange Sätze oder Absätze
  • Videos, die Produktaufnahmen im Titel brauchen

Über diesen Skill

Du sagst

/code-slice-hero Nimm den Code-Slice-Hero-Block für den Launch unseres Laufschuhs: vordere Headline „RUN SOFT.“, hintere Headline „RUN FAR.“, Welle von links nach rechts. Render in 1080p.

Zwei kurze Zeilen, ein sauberer Flip. Code Slice Hero setzt deine erste Headline auf ein Raster quadratischer Zellen. Eine Welle läuft durchs Bild, hebt und kippt jede Zelle im Vorbeigehen, und jede Zelle klappt um und zeigt das passende Stück der zweiten Headline. Am besten wirkt es mit zwei knackigen Zeilen gleicher Länge: eine Aussage und ihre Pointe, ein Produktname und ein Versprechen, „vorher“ und „nachher“.

So funktioniert es

  1. Anfrage: Sag deinem Agenten, was der Titel zeigen soll: die vordere Headline und die, zu der sie umklappt.
  2. Einrichten: Er legt den Block in einem HyperFrames-Projekt an und trägt deinen Text und deine Farben als Render-Variablen ein.
  3. Vorschau: Er prüft ein paar Frames und rendert dann ein MP4 in 1920×1080 mit npx hyperframes render.
  4. Wiederverwenden: Die Variablen liegen in einer einzigen JSON-Datei; eine neue Headline oder eine neue Marke ist also nur ein weiterer Render.

Tipps

  • Halte beide Zeilen kurz (ein bis drei Wörter) und ähnlich lang, damit der Flip wie eine einzige Bewegung wirkt.
  • Passe die Laufrichtung an die Leserichtung der nächsten Szene in deinem Schnitt an.
  • Kleinere Zellen ergeben einen feineren, digitaleren Flip, größere einen gröberen, plakativen.
  • Nutze ihn als Eröffnungs- oder Schlusskarte eines längeren Launch-Videos.

Open Source

Dies ist ein Block aus der HyperFrames-Registry. Er stammt von HeyGen und den HyperFrames-Mitwirkenden (heygen-com/hyperframes) und steht unter der Apache License 2.0. Der Download ist der Block samt Assets, bereit zum Rendern; HyperFrames selbst läuft über npm.

Was du vorab brauchst

Du lieferst
Zwei kurze Headlines und, wenn du magst, deine Markenfarben.
Abhängigkeiten
Node.js 22 oder neuer — erforderlich · FFmpeg — erforderlich
Externe Kosten
Keine. HyperFrames ist kostenlos und Open Source und rendert auf deinem eigenen Rechner.
Zuletzt getestet
v1.0.0 —

Nutzerbewertungen

Noch keine Bewertungen. Installiere den Skill und bewerte ihn als Erste:r.

FAQ

Kann ich meine eigene Schrift verwenden?

Ja. Der Block kommt mit Geist (Open Source); setz eine beliebige Webschrift ein und passe die Variable für die Schriftgröße an, damit die Zeile das Bild füllt.

Kann der Flip von rechts nach links laufen?

Ja. Die Richtung ist eine Variable, ebenso die Dauer der Welle, ihr Easing und die Dauer des Flips.

Warum ist es kostenlos?

Es ist ein Open-Source-Skill von HeyGen und den HyperFrames-Mitwirkenden. Wir listen ihn unverändert, mit einem Beispiel, das wir mit unserer Hausmarke Halden Solace erstellt haben.

Leitfäden

How to make a headline flip title card for a launch videoTwo short lines and one satisfying flip make the strongest opener or end card. What makes a flip title read well, and how to render one free with the open-source Code Slice Hero block.How to make a high-energy intro title for a launch or eventSome launches need noise. How to build an opener that bursts open and swaps its title mid-flight, using the free Wireframe Portal Title block.How to make a nature title animation with leaves for a brand videoNatural, seasonal and wellness brands want titles that breathe. How to reveal a headline through sweeping 3D leaves with the free Canopy Part Title block.

Ähnliche Skills

Alle ansehen