# Kostenlose HyperFrames-Vorlagen in HTML und GSAP
Nutzen Sie 65 HyperFrames-Videovorlagen für KI-Chat, Geräte, Titel und Produktdemos. Passen Sie HTML und GSAP an oder bearbeiten Sie in Subclip.
Canonical URL: https://www.subclip.app/de/motion-graphics-templates/hyperframes
HyperFrames-Vorlagen sind Motion Graphics als schlichtes HTML mit einer pausierten GSAP-Timeline. Diese Seite richtet sich an Entwickler und Nutzer von KI-Agenten, die Videoszenen wollen, die sich wie eine Webseite lesen und bearbeiten lassen. Sie enthält Social-Media-Posts, Benachrichtigungen, Chatverläufe, regionale Karten, Diagramme, Bauchbinden, handgezeichnete Markierungen und UI-Abläufe, alle mit bearbeitbaren Variablen.
## HTML mit pausierter GSAP-Timeline
Jede HyperFrames-Vorlage ist ein HTML-Dokument. Das Layout besteht aus HTML und CSS, die Bewegung aus einer GSAP-Timeline, die pausiert startet. Statt sie im Browser in Echtzeit abzuspielen, springt der Renderer die Timeline zu jedem Frame und nimmt ihn auf. Jeder Frame ist deterministisch, daher entspricht das Rendering der Vorschau.
Bearbeitbare Werte stehen als Variablen bereit: Name, Handle und Zahl bei den Folgen-Overlays, Titel, Untertitel und Werte bei den Karten, Zeiträume und Datenreihen bei Bar Chart Race und Akzentfarben bei vielen anderen. Änderst du eine Variable, wird die Szene damit neu gezeichnet. Da der Quelltext normales HTML ist, kannst du ihn auch lesen, per CSS neu gestalten oder Elemente ergänzen wie auf einer Webseite.
Viele Vorlagen hier sind Overlays. Instagram Follow, TikTok Follow, YouTube Lower Third, macOS Notification und Neon Border haben einen transparenten Hintergrund und liegen so über deinem Material.
## Was das HyperFrames-Set abdeckt
Social-Media-Animationen sind eine Stärke. iOS Notification stapelt vier Banner in einem Hochformat-Frame, X Post Card und Reddit Post Card animieren ein Like oder einen Upvote mit steigendem Zähler, Comment Cards tippt zwei Kommentare ein, und ChatGPT Exchange und Claude Exchange spielen einen vorgegebenen Assistenten-Chat in 9:16 ab.
Für Daten und Orte gibt es die Karten der USA, Frankreichs, Spaniens und Indiens mit bearbeitbaren Regionswerten, US Flow Map mit gewichteten Bögen zwischen Städten, Bar Chart Race, Minimal Line Graph, Animated Bar und Data Chart. Zu den handgezeichneten Elementen gehören Hand Drawn Scribble, Squiggle Marks, Whiteboard Bulb und Stitched Text Draw. UI-Abläufe sind unter anderem Settings Toggle, Skeleton Reveal, Swipe Rail und Parallax Zoom.
## HyperFrames-Vorlagen in Subclip nutzen
Alle HyperFrames-Vorlagen sind kostenlos und in Subclip vorinstalliert, dem KI-Videoeditor für Mac und Windows. Leg eine Vorlage auf der Timeline über dein Material und bitte den KI-Agenten um Änderungen: Ersetze die Kartenwerte durch deine Umsätze pro Bundesstaat, stell das Folgen-Overlay auf deinen Handle um oder gib der Bauchbinde deinen Kanalnamen und deine Abonnentenzahl. Der Agent bearbeitet die Variablen für dich, und du exportierst das Video, sobald es fertig ist.
## Das HTML für Claude oder Codex holen
Alle aktuellen HyperFrames-Vorlagen haben ein Code-Paket, das du nach einer kostenlosen Anmeldung bekommst. Kopiere den Code mit Prompt, um das vollständige HTML und einen fertigen Prompt für Agenten in die Zwischenablage zu legen. Füg beides in Claude oder Codex ein und sag, was geändert werden soll. Der Prompt listet die Variablen auf, damit der Agent weiß, wohin Text, Farben und Daten gehören.
Oder lade das ZIP herunter: index.html, props.json mit den Standardwerten der Variablen, eine README zum Abspielen im HyperFrames-Player sowie AGENTS.md und CLAUDE.md, die beschreiben, was bearbeitbar ist. Damit hat ein Coding-Agent genug Kontext, um eine Vorlage umzugestalten, eine Szene hinzuzufügen oder mehrere Versionen mit unterschiedlichen Daten zu erzeugen.
## 65 Vorlagen
- [Subclip Scenic Reel Composer](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-scenic-reel-composer) (HyperFrames, KI-Chat-Eingabe): Animieren Sie einen Glas-Prompt und eine drehende Fotogalerie mit dieser Videovorlage.
- [Subclip Momentum Growth Headline](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-momentum-growth-headline) (HyperFrames, Titel): Animieren Sie eine getippte Überschrift mit wachsendem Diagramm mit dieser Videovorlage.
- [Subclip Guided Word Spotlight](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-guided-word-spotlight) (HyperFrames, Titel): Animieren Sie Wort-für-Wort-Text mit Kameraführung mit dieser Videovorlage.
- [Subclip Hinged Laptop Showcase](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-hinged-laptop-showcase) (HyperFrames, Bildschirme und Geräte): Animieren Sie einen aufklappenden Laptop mit Bildschirmzoom mit dieser Videovorlage.
- [Subclip Aurora Brand Signature](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-aurora-brand-signature) (HyperFrames, Titel): Animieren Sie Logo und Wortmarke vor sanften Farbverläufen mit dieser Videovorlage.
- [Subclip Creative Brief Launcher](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-creative-brief-launcher) (HyperFrames, KI-Chat-Eingabe): Animieren Sie ein getipptes Briefing mit Sendebestätigung mit dieser Videovorlage.
- [Subclip Panorama Device Gallery](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-panorama-device-gallery) (HyperFrames, Bildschirme und Geräte): Animieren Sie vier perspektivische Handys mit Produkttitel mit dieser Videovorlage.
- [Subclip Mobile Action Spotlight](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-mobile-action-spotlight) (HyperFrames, Bildschirme und Geräte): Animieren Sie einen Handy-Button im Zoom mit Abschlusstiteln mit dieser Videovorlage.
- [Subclip Pocket AI Composer](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-pocket-ai-composer) (HyperFrames, KI-Chat-Eingabe): Animieren Sie einen mobilen KI-Chat mit Zoom auf Senden mit dieser Videovorlage.
- [Subclip Release-to-Video Assistant](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-release-to-video-assistant) (HyperFrames, KI-Chat-Eingabe): Animieren Sie eine KI-Antwort mit einer Video-Ergebnistabelle mit dieser Videovorlage.
- [Subclip Connected Creative Workspace](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-connected-creative-workspace) (HyperFrames, KI-Chat-Eingabe): Animieren Sie Dateiverbindungen und einen kreativen Arbeitsraum mit dieser Videovorlage.
- [Subclip Intent Search Animation](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-intent-search-animation) (HyperFrames, KI-Chat-Eingabe): Animieren Sie eine markierte und neu getippte Suchanfrage mit dieser Videovorlage.
- [Subclip Production Progress Tracker](https://www.subclip.app/de/motion-graphics-templates/hyperframes/subclip-production-progress-tracker) (HyperFrames, KI-Chat-Eingabe): Animieren Sie eine Aufgabenliste mit Fortschritt und Häkchen mit dieser Videovorlage.
- [iOS Notification](https://www.subclip.app/de/motion-graphics-templates/hyperframes/notification-cascade) (HyperFrames, Social Media und Chat): Ein vertikales Benachrichtigungs-Overlay, bei dem vier Banner im iPhone-Stil nacheinander gestapelt werden und dann für eine abschließende Schlagzeile und eine Logokarte frei werden.
- [Instant Carousel](https://www.subclip.app/de/motion-graphics-templates/hyperframes/share-sheet-carousel) (HyperFrames, Social Media und Chat): Ein vertikales Bilderkarussell, das vier Fotos in einer weißen, abgerundeten Karte abspielt, wobei eine weiche, unscharfe Kopie des aktuellen Bilds den Hintergrund ausfüllt.
- [macOS Notification](https://www.subclip.app/de/motion-graphics-templates/hyperframes/macos-notification) (HyperFrames, Social Media und Chat): Ein Breitbild-Overlay, bei dem Benachrichtigungsbanner im macOS-Stil einzeln in der oberen rechten Ecke angezeigt und in einer Spalte gestapelt werden.
- [Instagram Follow](https://www.subclip.app/de/motion-graphics-templates/hyperframes/instagram-follow) (HyperFrames, Social Media und Chat): Ein transparentes vertikales Overlay mit einem kompakten Profil-Pill, dessen Schaltfläche "Folgen" auf "Folgen" wechselt, um Zuschauer aufzufordern, Ihrem Konto zu folgen.
- [TikTok Follow](https://www.subclip.app/de/motion-graphics-templates/hyperframes/tiktok-follow) (HyperFrames, Social Media und Chat): Eine transparente 9:16-Profilüberlagerung, bei der eine rosarote Schaltfläche "Folgen" mit einem Häkchen in den Status "Folgen" wechselt.
- [X Post Card](https://www.subclip.app/de/motion-graphics-templates/hyperframes/x-post) (HyperFrames, Social Media und Chat): Eine Social-Media-Postkarte im Breitbildformat in einem dunklen Thema, die ein Profil, einen Beitragstext und eine Aktionszeile zeigt und dann ein "Gefällt mir" mit einer Erhöhung der Anzahl animiert.
- [Reddit Post Card](https://www.subclip.app/de/motion-graphics-templates/hyperframes/reddit-post) (HyperFrames, Social Media und Chat): Eine Community-Postkarte im Breitbildformat mit einer Subreddit-Zeile, einer fetten Überschrift und einem Fließtext, die mit einem positiven Vote endet, der die Punktzahl erhöht.
- [Thread Message](https://www.subclip.app/de/motion-graphics-templates/hyperframes/thread-message-stack) (HyperFrames, Social Media und Chat): Eine Textkonversation im Breitbildformat, bei der graue eingehende und blaue ausgehende Blasen nacheinander über einem weichen, unscharfen Farbfeld erscheinen.
- [Comment Cards](https://www.subclip.app/de/motion-graphics-templates/hyperframes/yt-comment-card) (HyperFrames, Social Media und Chat): Ein Breitbild-Overlay, auf dem zwei Zuschauerkommentare nacheinander angezeigt werden, jeweils mit einem Initialen-Avatar, einem Benutzernamen, einer Zeitangabe, eingegebenem Text und einer Reaktionszeile.
- [YouTube Lower Third](https://www.subclip.app/de/motion-graphics-templates/hyperframes/yt-lower-third) (HyperFrames, Bauchbinden und CTAs): Ein transparentes Breitbild-Bild im unteren Drittel, das einen Kanal-Avatar und einen Kanalnamen neben einer Abonnieren-Schaltfläche zeigt, die in den Status "Abonniert" wechselt.
- [Grid Pixelate](https://www.subclip.app/de/motion-graphics-templates/hyperframes/grid-pixelate) (HyperFrames, Übergänge): Ein Pixelrasterübergang, bei dem quadratische Kacheln wachsen, um den gesamten Rahmen zu bedecken, und dann schrumpfen, sodass ein sauberer Moment für den Schnitt zwischen den Szenen bleibt.
- [Hand Drawn Scribble](https://www.subclip.app/de/motion-graphics-templates/hyperframes/hw-callout-circle) (HyperFrames, Anmerkungen): Eine handgezeichnete Beschriftung, bei der eine wackelige weiße Ellipse ein Motiv umkreist, eine Markierungsschraffur es ausfüllt und eine gebogene Verbindung zu einem handgeschriebenen Etikett führt.
- [Squiggle Marks](https://www.subclip.app/de/motion-graphics-templates/hyperframes/hw-underline) (HyperFrames, Anmerkungen): Eine handgeschriebene Textanmerkung, bei der drei Zeilen abwechselnd mit einer wellenförmigen Unterstreichung, einer doppelten Durchstreichung und einer gebogenen Klammer markiert sind.
- [Multiplayer Cursor](https://www.subclip.app/de/motion-graphics-templates/hyperframes/multiplayer-cursors) (HyperFrames, Klicks): Eine Kollaborationsanimation, bei der zwei bis sechs farbige Cursor mit Namensschildern entlang festgelegter Pfade gleiten und sich um einen leuchtenden Fokusring versammeln.
- [Parallax Device Dive](https://www.subclip.app/de/motion-graphics-templates/hyperframes/parallax-device-dive) (HyperFrames, Bildschirme und Geräte): Eine Telefonmodell-Animation, bei der ein Gerät, das ein Dashboard zeigt, angehoben, gehalten und dann gezoomt wird, um den Rahmen auszufüllen, während seine UI-Ebenen auseinandergezogen werden.
- [Parallax Unzoom](https://www.subclip.app/de/motion-graphics-templates/hyperframes/parallax-unzoom) (HyperFrames, Titel): Ein Rückzugsübergang, bei dem eine Vollbildkarte in die Mitte eines Drei-mal-Drei-Rasters schrumpft, während sich acht farbige Nachbarn um sie herum bewegen.
- [Parallax Zoom](https://www.subclip.app/de/motion-graphics-templates/hyperframes/parallax-zoom) (HyperFrames, Titel): Ein Zoomübergang, der auf einem Drei-mal-Drei-Raster aus farbigen Karten beginnt und in die mittlere Karte vordringt, bis sie den Rahmen ausfüllt.
- [Settings Toggle](https://www.subclip.app/de/motion-graphics-templates/hyperframes/settings-toggle-flow) (HyperFrames, Oberfläche): Eine Animation des Einstellungsfelds, in der drei beschriftete Reihen auf einer weißen Karte erscheinen und deren Kippschalter auf Ein oder Aus geschoben werden.
- [Store Badge](https://www.subclip.app/de/motion-graphics-templates/hyperframes/store-badge-lockup) (HyperFrames, Bauchbinden und CTAs): Eine App-Download-Endkarte, auf der zuerst eine große Überschrift erscheint, gefolgt von Abzeichen im App Store- und Google Play-Stil darunter.
- [Neon Border](https://www.subclip.app/de/motion-graphics-templates/hyperframes/lt-neon-border) (HyperFrames, Bauchbinden und CTAs): Ein transparentes unteres Drittel mit einer dunklen Namenskarte, deren Rand von zwei gegenüberliegenden Neonbögen mit sanftem Glanz nachgezeichnet wird.
- [Skeleton Reveal](https://www.subclip.app/de/motion-graphics-templates/hyperframes/skeleton-reveal) (HyperFrames, Oberfläche): Eine kurze Ladezustandsanimation, bei der ein schimmernder Skelett-Platzhalter in eine Karte mit einem fettgedruckten Namen und einer Detaillinie überblendet.
- [Staggered Fade Up](https://www.subclip.app/de/motion-graphics-templates/hyperframes/staggered-fade-up) (HyperFrames, Titel): Ein einfacher Wort-für-Wort-Text zeigt, wo jedes Wort eingeblendet wird, leicht vergrößert wird und ein kurzes Stück an seine letzte Stelle gleitet.
- [Text Stagger](https://www.subclip.app/de/motion-graphics-templates/hyperframes/text-stagger) (HyperFrames, Titel): Eine einzeilige Überschrift, die gestaffelt ansteigt und an ihren Platz passt und dann einen einzigen Farbschimmer über den Text legt.
- [Intro Video](https://www.subclip.app/de/motion-graphics-templates/hyperframes/intro-video) (HyperFrames, Produktdemos): Eine geskriptete Produktdemo-Einführung, die mit kinetischem Text geöffnet wird, eine Eingabeaufforderung in eine Assistenteneingabe eingibt, auf "Senden" klickt und eine Projektergebniskarte anzeigt.
- [ChatGPT Exchange](https://www.subclip.app/de/motion-graphics-templates/hyperframes/chatgpt-exchange) (HyperFrames, KI-Chat-Eingabe): Eine vertikale Chat-Animation im dunklen Modus, bei der eine Frage eingegeben wird, eine Antwort mit einer vierzeiligen Workflow-Tabelle zurückgesendet wird und die Ansicht zum Lesen scrollt.
- [Claude Exchange](https://www.subclip.app/de/motion-graphics-templates/hyperframes/claude-exchange) (HyperFrames, KI-Chat-Eingabe): Eine vertikale, warme, dunkle Chat-Animation, bei der eine eingegebene Frage zu Planungs- und Suchschritten und einer langen Antwort mit Serifen führt, die gestreamt und gescrollt wird.
- [Gallery Tunnel](https://www.subclip.app/de/motion-graphics-templates/hyperframes/gallery-tunnel) (HyperFrames, Produktdemos): Ein perspektivischer Tunnel, in dem leuchtend farbige Tafeln und dünne Gitterlinien einen Korridor säumen, der zu einem zentralen Fluchtpunkt führt.
- [Chat Thread 2](https://www.subclip.app/de/motion-graphics-templates/hyperframes/chat-thread-2) (HyperFrames, Social Media und Chat): Ein vertikales Textgespräch im Telefonrahmen mit getippten Antworten, einer Linkvorschau, Emoji-Reaktionen und Lesebestätigungen, das mit einer Abschlusskarte endet.
- [Minimal Line Graph](https://www.subclip.app/de/motion-graphics-templates/hyperframes/minimal-line-graph) (HyperFrames, Diagramme): Ein klares Liniendiagramm mit zwei Reihen auf transparentem Hintergrund, mit Wertbeschriftungen an jedem Punkt, Monatsbeschriftungen am unteren Rand und einer kleinen Legende.
- [Spain Map](https://www.subclip.app/de/motion-graphics-templates/hyperframes/spain-map) (HyperFrames, Karten): Eine animierte Karte der nach Wert gefärbten Regionen Spaniens, einschließlich der Balearen und der Kanarischen Inseln, mit Titel, Untertitel und Farblegende.
- [India Map](https://www.subclip.app/de/motion-graphics-templates/hyperframes/india-map) (HyperFrames, Karten): Eine 12-sekündige Indien-Karte, die jeden Staat und jedes Unionsterritorium nach Wert einfärbt, mit Beschriftungen, einem Titel, einem Untertitel und einer Legende von "Niedrig" nach "Hoch".
- [France Map](https://www.subclip.app/de/motion-graphics-templates/hyperframes/france-map) (HyperFrames, Karten): Eine Choroplethenkarte des französischen Mutterlandes mit jeder Region, schattiert durch Ihre Werte, Regionsnamen, einen Titel, einen Untertitel und eine Farbskala.
- [US Map](https://www.subclip.app/de/motion-graphics-templates/hyperframes/us-map) (HyperFrames, Karten): Eine US-Bundesstaatskarte, die Regionen der Reihe nach anzeigt und jeden Bundesstaat nach Wert einfärbt, mit Alaska, Hawaii, Bundesstaatsbezeichnungen und einer Farblegende.
- [US Flow Map](https://www.subclip.app/de/motion-graphics-templates/hyperframes/us-flow-map) (HyperFrames, Karten): Eine dunkle US-Karte, auf der geschwungene blaue Bögen Großstädte verbinden und kleine Punkte entlang dieser verlaufen und die Ströme von Stadt zu Stadt zeigen.
- [ChatGPT Chat](https://www.subclip.app/de/motion-graphics-templates/hyperframes/ai-chat-reveal) (HyperFrames, KI-Chat-Eingabe): Eine Assistenten-Chat-Animation von 9:16 Uhr mit einer getippten Frage, einer gestreamten Antwort mit Aufzählungspunkten und einer abschließenden Call-to-Action-Karte.
- [Animated Bar](https://www.subclip.app/de/motion-graphics-templates/hyperframes/animated-bar) (HyperFrames, Diagramme): Eine kompakte monochrome Diagrammkarte mit wachsenden Balken, einer glatten Trendkurve und einer großen Prozentangabe in der oberen rechten Ecke.
- [Bar Chart Race](https://www.subclip.app/de/motion-graphics-templates/hyperframes/bar-chart-race) (HyperFrames, Diagramme): Ein horizontales Balkendiagramm mit Rangfolge, das Zeiträume animiert, mit Überholmanövern, einer hervorgehobenen Führungslinie, einer Neuskalierungsachse und einem Periodenzähler.
- [Data Chart](https://www.subclip.app/de/motion-graphics-templates/hyperframes/data-chart) (HyperFrames, Diagramme): Ein redaktionelles Kombinationsdiagramm, das monatliche Umsatzbalken mit einer Conversion-Rate-Linie, Wertbeschriftungen, einer Legende und einem Quellenhinweis kombiniert.
- [Camera Follow Captions](https://www.subclip.app/de/motion-graphics-templates/hyperframes/caption-camera-follow) (HyperFrames, Titel): Kinetische Bildunterschriften, bei denen jedes neue Wort in einem wachsenden Block fetter Großbuchstaben landet, während die Kamera zurückfährt, um den gesamten Satz sichtbar zu machen.
- [Whiteboard Bulb](https://www.subclip.app/de/motion-graphics-templates/hyperframes/whiteboard-bulb) (HyperFrames, Anmerkungen): Eine Skizze im Whiteboard-Stil einer Glühbirne, Strich für Strich mit einem beweglichen Stift gezeichnet, mit einer farbigen Akzentmarkierung und einer Beschriftung darunter.
- [Whiteboard Rocket](https://www.subclip.app/de/motion-graphics-templates/hyperframes/whiteboard-rocket) (HyperFrames, Anmerkungen): Eine mit einem Stift gezeichnete Raketenskizze mit Flossen, Abgasleitungen und einem farbigen Fenster, gefolgt von einer kurzen Startbeschriftung auf einem Papierhintergrund.
- [Chat Thread](https://www.subclip.app/de/motion-graphics-templates/hyperframes/chat-thread) (HyperFrames, Social Media und Chat): Ein Textnachrichten-Thread im Dunkelmodus von 9:16 Uhr mit ein- und ausgehenden Sprechblasen, Tipppunkten, einer Link-Vorschaukarte und Lesebestätigungen.
- [CTA Lockup](https://www.subclip.app/de/motion-graphics-templates/hyperframes/cta-lockup) (HyperFrames, Bauchbinden und CTAs): Ein abschließender Call-to-Action-Bildschirm mit einer großen Überschrift, einem pillenförmigen Button und einer kleinen Zeile mit unterstützendem Text auf Schwarz.
- [Notes Typing](https://www.subclip.app/de/motion-graphics-templates/hyperframes/notes-typing) (HyperFrames, Oberfläche): Eine 9:16-Animation für Telefonnotizen, die über eine Bildschirmtastatur einen Titel und sieben Zeilen eingibt und dann mit einer Checklistenkarte mit Ihrer Marke endet.
- [Outline Draw](https://www.subclip.app/de/motion-graphics-templates/hyperframes/outline-draw) (HyperFrames, Anmerkungen): Ein dünner Umriss mit abgerundeten Ecken, der im Uhrzeigersinn mit einer transparenten Mitte gezeichnet wird und zum Rahmen und Hervorheben eines Teils Ihres Videos verwendet wird.
- [Oversized Cursor](https://www.subclip.app/de/motion-graphics-templates/hyperframes/oversized-cursor) (HyperFrames, Klicks): Ein großer Pfeilcursor, der sich zu einer Schaltfläche bewegt, darauf klickt, sodass sie mit einem Häkchen reagiert, und dann den Rahmen verlässt.
- [Social Proof Card](https://www.subclip.app/de/motion-graphics-templates/hyperframes/social-proof-card) (HyperFrames, Social Proof): Eine cremefarbene Abschlusskarte mit einem Markennamen, einer Fünf-Sterne-Reihe, einem Kundenzitat, drei Funktionssymbolen und einem Call-to-Action-Button.
- [Stitched Text Draw](https://www.subclip.app/de/motion-graphics-templates/hyperframes/stitched-text-draw) (HyperFrames, Anmerkungen): Ein Wort in Großbuchstaben, gezeichnet als gestrichelte Fadenstiche, mit Nadellöchern und einer beweglichen Nadel, auf schwarzem Hintergrund.
- [Swipe Rail](https://www.subclip.app/de/motion-graphics-templates/hyperframes/swipe-rail) (HyperFrames, Übergänge): Eine horizontale Schiene aus nummerierten Karten, die sich mit Schwung bewegt und eine Karte in der Mitte auf einem dunkelblauen Hintergrund einrastet.
- [Ask Subclip](https://www.subclip.app/de/motion-graphics-templates/hyperframes/ask-subclip) (HyperFrames, KI-Chat-Eingabe): Eine Werbeszene für einen KI-Videoeditor, in der eine Anfrage in ein Eingabeaufforderungsfeld unter einer Überschrift eingegeben wird, gefolgt von einem Ergebnis und einer Schlusszeile.
- [Build console](https://www.subclip.app/de/motion-graphics-templates/hyperframes/build-console) (HyperFrames, Oberfläche): Ein dunkles Terminalfenster, das einen Renderbefehl in mehreren Phasen ausführt, mit Häkchen, einem Fortschrittsbalken und einem Bereitschaftssymbol.
- [Spatial deck](https://www.subclip.app/de/motion-graphics-templates/hyperframes/spatial-deck) (HyperFrames, Produktdemos): Eine Folge von blaugrünen, nummerierten Karten, die sich durch eine 3D-Perspektive bewegen und jeweils einen Schritttitel und eine kurze Beschreibung zeigen.
## Mehr aus Kostenlose HyperFrames-Vorlagen in HTML und GSAP
- [HyperFrames: Titel](https://www.subclip.app/de/motion-graphics-templates/hyperframes/text-animations)
- [HyperFrames: Bildschirme und Geräte](https://www.subclip.app/de/motion-graphics-templates/hyperframes/screen-device-animations)
- [HyperFrames: Diagramme](https://www.subclip.app/de/motion-graphics-templates/hyperframes/animated-charts)
- [HyperFrames: KI-Chat-Eingabe](https://www.subclip.app/de/motion-graphics-templates/hyperframes/ai-chat-animations)
- [HyperFrames: Karten](https://www.subclip.app/de/motion-graphics-templates/hyperframes/animated-maps)
- [HyperFrames: Social Media und Chat](https://www.subclip.app/de/motion-graphics-templates/hyperframes/social-media-animations)
- [HyperFrames: Bauchbinden und CTAs](https://www.subclip.app/de/motion-graphics-templates/hyperframes/lower-thirds)
- [HyperFrames: Anmerkungen](https://www.subclip.app/de/motion-graphics-templates/hyperframes/hand-drawn-annotations)
- [HyperFrames: Oberfläche](https://www.subclip.app/de/motion-graphics-templates/hyperframes/ui-animations)