HyperFrames vs. Remotion: welche Engine für KI-gemachte Videos?

Mit beiden kann ein Agent Video als Code schreiben und als MP4 rendern. Sie unterscheiden sich darin, was der Agent schreibt, und in der Lizenz: HyperFrames ist HTML, CSS und GSAP unter Apache 2.0; Remotion ist React und kostenlos für Einzelpersonen und Unternehmen mit bis zu drei Personen.

Angaben zu Lizenzen und Preisen stammen von den Seiten der jeweiligen Projekte, geprüft am 29. Oktober 2026.

HyperFrames

Was du schreibst: HTML, CSS und GSAP-Timelines. Das schreiben Agenten bereits fließend.
Rendering: Eine CLI (npx hyperframes render) steuert Headless Chrome und FFmpeg, Frame für Frame und deterministisch. Sie braucht Node.js 22 oder neuer und FFmpeg.
Für Agenten gebaut: check prüft Lint, Laufzeit, Layout, Bewegung und Kontrast; snapshot erstellt Standbilder, damit der Agent sich seine eigene Arbeit vor dem Rendern ansehen kann. Es kommt mit einem Claude-Code-Plugin und eigenständigen Skills.
Lizenz: Apache 2.0, auch kommerziell kostenlos. github.com/heygen-com/hyperframes

Remotion

Was du schreibst: React-Komponenten mit Frame-basierten Hooks (useCurrentFrame).
Stärken: ein ausgereiftes Ökosystem, stark bei datengetriebenen und programmatischen Videos in großer Zahl, und serverseitiges Rendering auf Lambda.
Für Agenten: Offizielle Agent-Skills (npx remotion skills add) bringen Claude Code, Codex oder Cursor bei, korrekten Remotion-Code zu schreiben.
Lizenz: kostenlos für Einzelpersonen und Unternehmen mit bis zu drei Personen; Unternehmen ab vier Personen brauchen eine Company License.

Lizenzen auf einen Blick

	Lizenz	Kostenlos für	Kostenpflichtig, wenn
HyperFrames	Apache 2.0	Alle, auch für kommerzielle Nutzung	Nie, für die Engine selbst
Remotion	Remotion License	Einzelpersonen und Unternehmen mit bis zu 3 Personen	Ab 4 Personen: Remotion for Creators, $25 pro Platz im Monat; Remotion for Automators, $0.01 pro Render mit einem monatlichen Minimum von $100
Motion Canvas	MIT	Alle, auch für kommerzielle Nutzung	Nie, für die Bibliothek selbst

Wo Motion Canvas hineinpasst

Motion Canvas ist eine dritte Option mit einer anderen Idee: "eine TypeScript-Bibliothek, die Generatoren nutzt, um Animationen zu programmieren", dazu ein Editor, der sie in Echtzeit in der Vorschau zeigt. Jede Animation ist eine Folge von Schritten, die du von Hand schreibst; das passt zu Erklärfilmen, bei denen du jeden Beat selbst steuern willst. Es ist nicht so um Agenten herum gebaut wie HyperFrames und die Skills von Remotion, und seine README beschreibt kein MP4-Rendering mit einem einzigen Befehl. Wie das Video entsteht, steht in seiner Dokumentation.

Was wir nutzen

Unsere Komplettfilm-Skills und der kostenlose Skill Motion Director laufen auf unserer eigenen offenen Engine motion-skills (mo, über npx). Sie folgt derselben Idee wie HyperFrames: Ein Film ist HTML, CSS und GSAP, Frame für Frame in Chrome mit FFmpeg gerendert, und mo check findet vor dem Rendern abgeschnittenen, verdeckten oder kontrastarmen Text. Unsere früheren Motion-Vorlagen, die jetzt als Beispiele auf der Website bleiben, bauten auf HyperFrames selbst auf: HTML und CSS hielten sie lesbar und leicht von Hand zu bearbeiten, und die eingebauten Prüfungen fingen Layoutprobleme früh ab.

Wenn dein Team schon mit React und Remotion arbeitet, lassen sich dieselben Motion-Ideen übertragen. Das Handwerk (Tempo, Typografie, Easing, Zurückhaltung) macht das Video, nicht die Engine. Was die Agent-Skills von Remotion im Vergleich zu einem unserer Komplettfilm-Skills leisten, steht in Remotion-Agent-Skills im Vergleich mit Motion Skills; alle Wege mit Claude Code findest du in So erstellst du ein Video mit Claude Code.

Fragen

Ist HyperFrames für kommerzielle Nutzung kostenlos?

Ja. HyperFrames ist Open Source unter der Lizenz Apache 2.0, du kannst es also beruflich nutzen, ohne für die Engine zu bezahlen. Es braucht Node.js 22 oder neuer und FFmpeg und rendert in Headless Chrome.

HyperFrames oder Remotion?

HyperFrames, wenn dein Agent HTML, CSS und GSAP schreibt; Remotion, wenn dein Team mit React arbeitet oder Rendering in großer Zahl braucht.

Ist Remotion kostenlos?

Für Einzelpersonen und Unternehmen mit bis zu drei Personen ja. Unternehmen ab vier Personen brauchen eine Company License: Remotion for Creators kostet $25 pro Platz im Monat, Remotion for Automators $0.01 pro Render mit einem monatlichen Minimum von $100.

Und Motion Canvas?

Motion Canvas ist eine TypeScript-Bibliothek unter MIT-Lizenz für Animation per Code, mit einem Editor mit Live-Vorschau. Sie passt zu Erklärfilmen, die du von Hand schreibst, nicht zu Filmen, die ein Agent für dich schreibt.

Quellen

Dieser Vergleich ist unabhängig. Wir sind nicht mit HeyGen, Remotion oder Motion Canvas verbunden. Geprüft am 29. Oktober 2026.