HyperFrames ou Remotion : quel moteur pour la vidéo créée avec l’IA ?
Les deux permettent à un agent d’écrire une vidéo sous forme de code et d’en faire le rendu en MP4. Ils diffèrent par ce que l’agent écrit et par leur licence : HyperFrames, c’est du HTML, du CSS et du GSAP sous Apache 2.0 ; Remotion, c’est du React, gratuit pour les particuliers et les entreprises jusqu’à trois personnes.
Les détails de licence et de tarifs proviennent des pages de chaque projet, vérifiées le 29 octobre 2026.
HyperFrames
- Ce que vous écrivez : du HTML, du CSS et des timelines GSAP. Les agents les écrivent déjà couramment.
- Rendu : une CLI (
npx hyperframes render) pilote Chrome headless et FFmpeg, image par image, de façon déterministe. Il faut Node.js 22 ou plus récent et FFmpeg. - Pensé pour les agents :
checkcontrôle le lint, l’exécution, la mise en page, le mouvement et le contraste ;snapshotcapture des images fixes pour que l’agent examine son propre travail avant le rendu. Il est fourni avec un plugin Claude Code et des skills autonomes. - Licence : Apache 2.0, gratuite y compris pour un usage commercial. github.com/heygen-com/hyperframes
Remotion
- Ce que vous écrivez : des composants React, avec des hooks basés sur les images (
useCurrentFrame). - Points forts : un écosystème mature, excellent pour la vidéo pilotée par les données et la vidéo programmatique à grande échelle, avec rendu côté serveur sur Lambda.
- Pour les agents : des skills d’agent officiels (
npx remotion skills add) apprennent à Claude Code, Codex ou Cursor à écrire du code Remotion correct. - Licence : gratuite pour les particuliers et les entreprises jusqu’à trois personnes ; les entreprises de quatre personnes ou plus ont besoin d’une Company License.
Les licences en un coup d’œil
| Licence | Gratuit pour | Payant quand | |
|---|---|---|---|
| HyperFrames | Apache 2.0 | Tout le monde, y compris pour un usage commercial | Jamais, pour le moteur lui-même |
| Remotion | Remotion License | Les particuliers et les entreprises jusqu’à 3 personnes | 4 personnes ou plus : Remotion for Creators, $25 par siège et par mois ; Remotion for Automators, $0.01 par rendu avec un minimum mensuel de $100 |
| Motion Canvas | MIT | Tout le monde, y compris pour un usage commercial | Jamais, pour la bibliothèque elle-même |
La place de Motion Canvas
Motion Canvas est une troisième option, avec une autre idée : « une bibliothèque TypeScript qui utilise des générateurs pour programmer des animations », plus un éditeur qui les prévisualise en temps réel. Chaque animation est une suite d’étapes écrites à la main, ce qui convient aux vidéos explicatives où vous voulez contrôler chaque temps. Il n’est pas conçu autour des agents comme HyperFrames et les skills de Remotion, et son README ne décrit pas de rendu MP4 en une seule commande : consultez sa documentation pour savoir comment la vidéo est produite.
Ce que nous utilisons
Nos skills film complet et le skill gratuit Motion Director fonctionnent avec notre propre moteur ouvert, motion-skills (mo, via npx). Il suit la même idée que HyperFrames : un film est du HTML, du CSS et du GSAP, rendu image par image dans Chrome avec FFmpeg, et mo check repère avant le rendu le texte coupé, masqué ou trop peu contrasté. Nos anciens modèles d'animation, désormais conservés sur le site comme exemples, reposaient sur HyperFrames lui-même : le HTML et le CSS les rendaient lisibles et faciles à modifier à la main, et les contrôles intégrés repéraient tôt les problèmes de mise en page.
Si votre équipe travaille déjà avec React et Remotion, les mêmes idées de mouvement s’appliquent. C’est le savoir-faire (rythme, typographie, easing, retenue) qui fait la vidéo, pas le moteur. Pour savoir ce que font les skills d’agent de Remotion à côté de l’un de nos skills film complet, voir Skills d’agent Remotion ou Motion Skills ; pour toutes les solutions depuis Claude Code, voir Comment faire une vidéo avec Claude Code.
Questions
HyperFrames est-il gratuit pour un usage commercial ?
Oui. HyperFrames est open source sous licence Apache 2.0 : vous pouvez l’utiliser au travail sans payer le moteur. Il faut Node.js 22 ou plus récent et FFmpeg, et le rendu se fait dans Chrome headless.
HyperFrames ou Remotion ?
HyperFrames si votre agent écrit du HTML, du CSS et du GSAP ; Remotion si votre équipe travaille en React ou a besoin de rendus à grande échelle.
Remotion est-il gratuit ?
Pour les particuliers et les entreprises jusqu’à trois personnes, oui. Les entreprises de quatre personnes ou plus ont besoin d’une Company License : Remotion for Creators coûte $25 par siège et par mois, et Remotion for Automators $0.01 par rendu avec un minimum mensuel de $100.
Et Motion Canvas ?
Motion Canvas est une bibliothèque TypeScript sous licence MIT pour l’animation pilotée par le code, avec un éditeur à aperçu en direct. Elle convient aux vidéos explicatives que vous écrivez à la main plutôt qu’aux films qu’un agent écrit pour vous.
Sources
- HyperFrames sur GitHub
- remotion.pro et le guide pour agents de code de Remotion
- Motion Canvas sur GitHub
Cette comparaison est indépendante. Nous ne sommes affiliés ni à HeyGen, ni à Remotion, ni à Motion Canvas. Vérifié le 29 octobre 2026.