← outils
HyperFrames

HyperFrames

Le montage vidéo réécrit en HTML.

visiter l'outil →open-sourceGratuit et open-source (Apache-2.0). Aucun frais par rendu, aucun seuil commercial. Rendu cloud HeyGen et AWS Lambda facturés séparément (tarifs non publiés).

points forts

  • + Gratuit et réellement open-source (Apache-2.0), sans seuil commercial
  • + Rendu déterministe image par image, taillé pour la CI et les tests
  • + 21 skills pour agents de codage (Claude Code, Codex, Cursor, Gemini CLI, IBM Bob)
  • + Aucune dépendance à React ni timeline propriétaire : un index.html suffit
  • + Adossé à HeyGen, éditeur solide (30 M d'utilisateurs, 85 % du Fortune 100)

points faibles

  • − Outil de développeur : Node.js 22, FFmpeg et un terminal obligatoires
  • − Chantier permanent : 486 releases en 7 mois, 178 issues ouvertes
  • − Traction GitHub massive mais adoption communautaire discrète (6 points sur HN)
  • − Coûts du rendu cloud et d'AWS Lambda non publiés

review complète

HyperFrames — Le montage vidéo est mort, vive le HTML

État des lieux

HeyGen, la boîte qui a mis trente millions d'utilisateurs et 85 % du Fortune 100 devant des avatars parlants, vient de faire un pari qui ressemble à une bifurcation : et si la prochaine interface de montage vidéo était une simple page web ? HyperFrames est sa réponse. Un framework open-source qui transforme du HTML, du CSS, des médias et des animations en fichiers MP4 déterministes. Le principe tient en une phrase : un agent de codage écrit une page HTML, Chrome sans fenêtre avance image par image, et FFmpeg encode le tout.

Ne vous laissez pas prendre par le récit du « lancement » : le dépôt GitHub a été créé le 10 mars 2026, la presse tech en parlait dès juillet, et le centre d'aide HeyGen détaille l'outil depuis le 8 mai. Ce qui a fait l'actualité le 5 octobre, c'est l'application de bureau HyperFrames Studio, poussée sur Product Hunt — septième du classement quotidien, 144 points, dix commentaires. La nouveauté médiatisée n'est pas le framework, c'est la vitrine.

Les chiffres, eux, sont massifs : 57 342 étoiles GitHub, 5 132 forks, 5 277 commits, 486 releases, 84 contributeurs, et près de deux millions de téléchargements npm sur le dernier mois. Un poids lourd né en sept mois.

La carte des menus

Ici, pas de grille tarifaire à décortiquer : il n'y en a pas. Le framework est sous licence Apache-2.0, sans frais par rendu, sans seuil commercial, sans limite de siège. Le README l'écrit noir sur blanc : « no per-render fees or commercial-use thresholds ». Les pages de tarifs sur hyperframes.heygen.com et hyperframes.dev renvoient 404 — parce qu'il n'y a rien à vendre à ce niveau.

La seule zone d'ombre financière est le rendu cloud hébergé par HeyGen et le déploiement distribué sur AWS Lambda : des ressources tierces facturées via un compte HeyGen, dont le tarif n'apparaît nulle part. Le rendu local, lui, est intégralement gratuit et auto-hébergeable. Prérequis : Node.js 22 ou supérieur, et FFmpeg.

Ce que la bête sait vraiment faire

HyperFrames définit une vidéo comme une page HTML. Chaque élément porte des attributs de temps et de piste. Le rendu passe par deux briques classiques et éprouvées : Chrome en mode headless qui se cale sur chaque image de façon déterministe, puis FFmpeg qui encode la suite d'images. Le mot clé est « déterministe » : même entrée, même sortie, image pour image — le prérequis exact pour la CI et les tests de non-régression.

L'animation est branchable sur plusieurs moteurs : GSAP, animations CSS, Lottie, Three.js, Anime.js, WAAPI, TypeGPU, ou un adaptateur maison. Pas de dépendance à React, pas de format de timeline propriétaire : un index.html se lit tel quel dans le navigateur, sans étape de build.

Le projet fournit 21 « skills » destinées aux agents de codage — Claude Code, Codex, Cursor, Gemini CLI, IBM Bob — qui leur apprennent la boucle de production : planifier, écrire du HTML valide, câbler les animations, ajouter les médias, linter, prévisualiser, rendre. S'y ajoutent un CLI complet, un catalogue de blocs réutilisables, un Studio navigateur, et le rendu distribué. Les cas d'usage affichés : vidéos de lancement produit, walkthrough de pull request avec diffs animés, dataviz et courses de graphiques, vidéos sociales à sous-titres animés, motion design réutilisable en pipelines automatisés.

Face à Remotion — le concurrent revendiqué — la différence tient au modèle d'authoring : des composants React contre du HTML brut que « les humains et les agents écrivent facilement ». Et sur le terrain de la licence : Apache-2.0 d'un côté, « source-available » (non OSI) de l'autre. L'argument commercial est limpide.

Les couleuvres à avaler

D'abord, ceci n'est pas un outil de créateur. Il faut un terminal, Node.js 22 et FFmpeg ; HeyGen redirige d'ailleurs explicitement les non-codeurs vers sa plateforme principale. C'est de l'outillage d'ingénieur, pas une machine à clips.

Ensuite, le chantier est permanent : 486 releases en sept mois, soit deux à trois par jour, et 178 issues ouvertes. La cadence dit l'activité, pas la stabilité.

Le paradoxe le plus savoureux reste la traction : 57 000 étoiles et près de deux millions de téléchargements npm mensuels, mais le meilleur fil Hacker News ne dépasse pas six points et le lancement Product Hunt finit septième avec dix commentaires. Beaucoup d'enthousiasme pour l'idée, peu de discussions d'usage. De l'admiration, pas encore de communauté qui cause.

Enfin, le nom est générique — HyperFrames se perd facilement dans les recherches — et les coûts du rendu cloud restent non publiés. Deux zones d'ombre à surveiller.

Verdict

HyperFrames est une idée juste au bon moment : à l'heure où les modèles écrivent du HTML toute la journée, faire du montage vidéo une page web est un coup de force conceptuel. Le framework est gratuit, ouvert, massivement téléchargé, et adossé à un éditeur qui a les reins solides. Reste à voir si les agents de codage, son public réel, s'en empareront au-delà du compteur d'étoiles. Pour l'ingénieur qui automatise ses contenus, c'est un outil à adopter sans hésiter ; pour le créateur, passez votre chemin. ★★★★☆

cas d'usage

  • 1. Vidéos de lancement produit générées depuis une page HTML
  • 2. Walkthrough de pull request avec diffs de code animés
  • 3. Dataviz et courses de graphiques automatisées
  • 4. Vidéos sociales à sous-titres animés en pipeline
  • 5. Motion design réutilisable dans des contenus générés par agents

astuces

  • → Choisir HyperFrames plutôt que Remotion pour la licence OSI (Apache-2.0) et zéro étape de build
  • → Exploiter les 21 skills pour faire écrire la vidéo directement par Claude Code ou Codex
  • → Garder le rendu en local pour un pipeline gratuit et déterministe, réserver le cloud à la mise à l'échelle
K

Auteur

Krugz

Développeur fullstack

Développeur fullstack qui tente, tant bien que mal, de suivre l'actualité de l'IA au milieu d'une marée d'informations imbuvables et des milliers d'outils et de modèles qui sortent chaque jour.