Vorlagen · HyperFrames

13 HyperFrames.

HyperFrames-ready motion compositions — agent-built video that blends template HTML with frame-level keyframes.

  1. 001 Hyperframes Erstellen Sie Videokompositionen, Animationen, Titelkarten, Overlays, Untertitel, Voice-Overs, audioreaktive Visuals und Szenenübergänge in HyperFrames HTML. Unterstützt HTML-basierte Videoinhalte, audio-synchronisierte Untertitel, Text-to-Speech-Narration, musikgesteuerte Animationen (Beat-Sync, Glow, Pulse), animierte Texthervorhebungen (Marker-Sweeps, handgezeichnete Kreise, Burst-Linien, Kritzeleien, Sketch-Effekte) und Szenenübergänge (Crossfades, Wipes, Reveals, Shader-Übergänge). Video Video
  2. 002 Hyperframes Video Hyperframes / Remotion-kompatible kontinuierliche Frame-Animation mit Autoplay-Unterstützung. Video Video
  3. 003 HyperFrames: $0 → $10K Geldzähler-Effekt (9:16) 6-Sekunden-Hochformat 1080×1920 HyperFrames-Clip — Apple-Style $0 → $10.000-Zähler mit grünem Blitz, Geld-Burst-Partikeln, Geldstapel-Icon und Kicker-Überschrift. Basiert auf dem HyperFrames `apple-money-count` Katalogblock. Video Video
  4. 004 HyperFrames: 12-Sekunden-App-Showcase — Drei schwebende Handys Eine 12-sekündige 16:9-App-Showcase-Komposition — drei schwebende iPhone-Bildschirme schweben im 3D-Raum, drehen sich nacheinander, um verschiedene Funktionen hervorzuheben, mit beat-synchronisierten Label-Callouts und abschließendem Logo-Lockup. Direkt auf dem HyperFrames `app-showcase` Katalogblock aufgebaut. Video Video
  5. 005 HyperFrames: 30-Sekunden-Marken-Sizzle-Reel Ein 30-sekündiges 16:9 HyperFrames Sizzle-Reel – schnelle Schnitte, beat-synchronisierte kinetische Typografie, audio-reaktive Skalierung von Anzeigetexten, Shader-Übergänge zwischen fünf Szenen, Abspann mit Logo-Bloom. Basiert auf dem aisoc-hype-Archetyp aus dem Studenten-Kit. Video Video
  6. 006 HyperFrames: 30-Sekunden-SaaS-Produktpromo (Linear-Stil) Eine 30-sekündige HyperFrames-Komposition im Stil von Linear/ClickUp-Produktfilmen – UI-3D-Reveals, beatsynchrone kinetische Typografie, animierte UI-Screenshots, Endkarte mit Logo-Outro. Erstellt aus HF-Katalogblöcken (ui-3d-reveal, app-showcase, logo-outro) plus Shader-Übergänge zwischen Szenen. Video Video
  7. 007 HyperFrames: 4-Sekunden-Kinematisches Logo-Outro Ein 4-sekündiges 16:9-Logo-Outro – schrittweiser Aufbau der Wortmarke mit Bloom-Effekt, Shimmer-Sweep über das finale Lockup, sanftes Grain-Overlay und einzeiliger CTA. Basiert auf den HyperFrames-Blöcken `logo-outro`, `shimmer-sweep` und `grain-overlay`. Video Video
  8. 008 HyperFrames: 5-Sekunden minimale Produkt-Enthüllung Eine 5-sekündige HyperFrames-Komposition für hochwertige Produkt-Enthüllungen — dunkle Leinwand, einzelner warmer Akzent, langsame Push-in-Titelkarte, kinetische Kicker-Zeile, zurückhaltende Bewegung. Rendert MP4 aus HTML+GSAP via puppeteer; keine Stock-Footage erforderlich. Video Video
  9. 009 HyperFrames: 9:16 Social-Overlay-Stack (X · Reddit · Spotify · Instagram) Eine 15-sekündige vertikale 1080×1920 HyperFrames-Komposition, die vier animierte Social-Cards über einer Face-Cam-Schleife stapelt – ein X-Post, eine Reddit-Reaktion, eine Spotify-Wiedergabekarte und ein Instagram-Follow-CTA am Ende. Jede Karte ist ein HyperFrames-Katalogblock; die Choreografie ist der Mehrwert. Video Video
  10. 010 HyperFrames: 9:16 TikTok Talking-Head mit Karaoke-Untertiteln Vertikales 1080×1920 HyperFrames-Short — TTS-erzählter Talking-Head über Face-Cam-Loop mit Karaoke-Stil-Untertiteln in Wort-Synchronisation, animiertem Lower Third und TikTok-Follow-Overlay am Ende. Basiert auf dem may-shorts-19-Archetyp aus dem HyperFrames-Studentenkit. Video Video
  11. 011 HyperFrames: Animiertes Balkendiagramm-Rennen (NYT-Stil) 12-sekündige 16:9-Dateninfografik — animierte Balken- und Liniendiagramme mit gestaffelter Kategorienanzeige, NYT-Serifenschlagzeile, Quellenangabe als Fußnote und dynamische Wertbeschriftungen. Direkt auf dem HyperFrames `data-chart`-Katalogblock aufgebaut. Video Video
  12. 012 HyperFrames: Flugkarte im Apple-Stil (Start → Ziel) 8-sekündige 16:9-Kinokarte der Flugroute — realistischer Geländezoom, animiertes Flugzeug gleitet entlang gekrümmtem Pfad von Start zu Ziel, beschriftete Städte, kinetischer Entfernungszähler. Basiert auf dem HyperFrames `nyc-paris-flight` Katalogblock, wiederverwendbar für jedes Städtepaar. Video Video
  13. 013 HyperFrames: Website-zu-Video-Pipeline (15-Sekunden-Marketing-Cut) Eine 15-sekündige 16:9-HyperFrames-Komposition, die eine Live-Website in drei Viewport-Größen erfasst und mit chromatischer radialer Teilung zwischen Szenen animiert. Folgt dem hyperframes-sizzle-Student-Kit-Archetyp mit der Website als Quell-Asset. Video Video