Programmatic video

Remotion

Faire des vidéos avec React — le même genre de composant que pour une page web, rendu image par image dans un MP4

remotion-dev/remotionTypeScript57,096 as of 2026-08-23
By Jake Luo · Published 23 août 2026

Remotion est un framework pour fabriquer des vidéos en React : vous écrivez des composants, il les rend image par image dans un MP4. Il compte 57 096 étoiles GitHub en août 2026 et publie des versions presque chaque semaine. Pour un fondateur, l'intérêt n'est pas artistique : une vidéo définie en code peut être re-rendue cent fois avec des données différentes, ce dont ont précisément besoin les variantes publicitaires, les formats récurrents et les clips personnalisés. Sa licence est gratuite pour les particuliers et les sociétés à but lucratif de trois salariés au plus, et exige une licence entreprise payante au-delà.

Ce qu'est Remotion

Remotion (github.com/remotion-dev/remotion) traite une vidéo comme un composant React. Vous composez une image avec le même JSX, le même CSS et les mêmes visuels que sur une page web, vous demandez au framework à quelle image vous êtes, et vous animez en renvoyant quelque chose de différent pour chacune. Un studio fournit une timeline et un aperçu en direct pendant le travail, un composant lecteur intègre le résultat dans votre propre application, et le moteur de rendu transforme une composition en fichier vidéo — en local via Node, sur AWS Lambda, sur Vercel ou dans le navigateur.

Le README présente désormais le projet comme des outils vidéo pour l'ère des agents, et décrit trois portes d'entrée : de façon agentique, en laissant un agent de code écrire la composition ; de façon interactive, en déplaçant des éléments dans l'éditeur ; et de façon programmatique, en branchant la composition sur des données. Le code React reste la source de vérité dans les trois cas, et c'est précisément pour cela que la troisième fonctionne.

Il est maintenu à un rythme difficile à simuler. La version v4.0.515 est sortie le 21 août 2026, avec trois autres la semaine précédente, et les commits derrière sont du travail produit ordinaire plutôt que de l'entretien : règles et repères ajoutés à la barre du studio, un correctif sur le mixage descendant de l'audio 5.1, l'installation des paquets déplacée dans un onglet de réglages. Lire les messages de commit plutôt que la date du dernier push est la façon économique de distinguer un projet maintenu d'un projet à l'arrêt, et ce dépôt passe le test largement.

Où il s'insère dans la boîte à outils de croissance

La plupart des fondateurs n'ont pas un problème de vidéo, ils ont un problème de variantes de vidéo. Le premier clip est une journée de travail que vous trouverez le temps de faire. La dixième version, avec un autre titre, un autre prix et une autre langue, est celle qui, en silence, n'existe jamais. Le code est déraisonnablement bon pour cela, et c'est là que cet outil trouve sa place :

  • Variantes de publicités et de miniatures Une composition, une liste de titres, un rendu par ligne. Tester des créations cesse d'être un problème d'agenda et devient une boucle que vous relancez la semaine suivante.
  • Formats récurrents Un clip hebdomadaire de nouveautés ou un récapitulatif mensuel de métriques doit être identique à chaque fois, une exigence où les humains sont mauvais et les gabarits excellents.
  • Vidéo personnalisée et pilotée par les données Les mêmes trente secondes avec les chiffres propres à chaque client. Cela n'est faisable que si la vidéo est une fonction des données et non un fichier monté à la main.
  • Du mouvement pour ce que vous générez déjà Si vous produisez déjà des images par programme, voici la version animée de la même idée : Satori rend du JSX en image fixe, Remotion le rend en images successives.

Ce qu'il ne fera pas, c'est inventer des rushes. Aucun modèle ici ne fait parler une personne ni apparaître un plan de drone ; chaque pixel vient de quelque chose que vous avez composé. C'est un atout quand il vous faut deux fois le même résultat, et une limite quand ce que vous vouliez était une ambiance. Il n'a par ailleurs aucun avis sur ce que la vidéo devrait dire, ce qui reste la partie difficile et celle qu'aucun outil n'a encore retirée à personne.

La licence, et la ligne qu'elle trace

Remotion est à source disponible sous une licence à deux niveaux, et l'étiquette de GitHub affiche NOASSERTION — ce qui n'est pas une licence mais seulement l'indication que le fichier ne fait pas partie des licences standard. Lisez plutôt LICENSE.md dans le dépôt : les conditions sont courtes et inhabituellement claires sur qui doit payer.

Pour qui Remotion est gratuit
  • Particuliers, associations et organisations sans but lucratif : gratuit, y compris pour des vidéos commerciales.
  • Sociétés à but lucratif de trois salariés au plus : gratuit.
  • Toute personne en phase d'évaluation qui ne l'utilise pas encore commercialement : gratuit.
  • Organisations à but lucratif au-delà de cette taille : une licence entreprise payante est requise.
  • Personne, à aucun niveau, ne peut reconditionner ni revendre un dérivé de Remotion lui-même.

Le seuil porte sur les effectifs et non sur le chiffre d'affaires, ce qui en fait une date de votre avenir plutôt qu'une condition que vous n'atteindrez peut-être jamais. Si la vidéo est devenue structurante au moment où vous recrutez la quatrième personne, c'est une ligne budgétaire que vous voyez venir — bien mieux vaut le savoir le jour où vous adoptez l'outil que le jour où vous franchissez la limite.

Ce que nous a appris le fait de proposer de la vidéo

Nous ne pouvons rapporter que notre propre expérience. AgentCeres — le Growth Officer IA, sur agentceres.com — sait générer de la vidéo pour les clients qui en demandent, et la vidéo se révèle être l'une des demandes les plus fréquentes. Deux choses nous ont surpris, et le rendu n'en faisait pas partie.

La première : le coût par clip est la contrainte de conception, pas le temps de calcul. Quelques secondes de vidéo générée coûtent de l'ordre d'un dollar sur le réglage économique et plusieurs fois cela sur le réglage haute qualité, si bien que « fais-moi quelques variantes » est une vraie facture et non une tâche de fond. La seconde : c'est à la livraison que cela casse. Nous avons livré une version où un clip s'est généré correctement, s'est terminé, et n'a jamais été montré à la personne qui l'avait demandé, laquelle a vu une réponse vide. Une vidéo que personne ne reçoit est indiscernable d'une vidéo qui a échoué, et le correctif se trouvait dans le chemin de livraison, pas dans la génération.

C'est l'argument en faveur de l'extrémité déterministe de ce spectre. Un rendu que vous avez défini vous-même coûte à peu près la même chose à chaque fois, produit le même résultat à chaque fois et est ennuyeux à livrer — exactement le compromis que vous voulez pour les travaux vidéo qui se répètent. Savoir si un fondateur devrait faire de la vidéo est une autre question, et nous l'avons traitée ici : dois-je faire des vidéos pour promouvoir ma startup. AgentCeres est la couche d'exécution de l'autre côté de cette décision : une équipe de spécialistes IA qui rédige et exécute le travail, un humain validant tout ce qui sort.

FAQ

Faut-il connaître React pour utiliser Remotion ?
Réalistement oui, ou au moins assez de React pour être à l'aise avec les composants, les props et l'état. Les notions vidéo posées par-dessus sont peu nombreuses : une composition a une cadence d'images et une durée, vous demandez à quelle image vous êtes et vous renvoyez un balisage différent selon l'image. Un développeur web s'y met en une après-midi. Qui n'a jamais écrit de React passera sa première journée à apprendre React plutôt que la vidéo, ce qu'il vaut mieux savoir avant de le préférer à un éditeur en timeline.
Remotion ou un générateur vidéo par IA ?
Ils règlent des moitiés opposées du problème. Un modèle génératif invente des images que vous n'aviez pas et donne un résultat différent à chaque exécution, ce qui convient aux pièces uniques et atmosphériques. Remotion rend exactement ce que vous avez spécifié, à l'identique, autant de fois que vous voulez, ce qui convient à tout ce qui a la forme d'un gabarit : variantes, formats récurrents, clips pilotés par les données. Les équipes qui utilisent les deux génèrent ou filment la matière première et confient au code la couche qui se répète : titres, sous-titres, mise en page et versions.
Où les vidéos sont-elles réellement rendues ?
Là où vous le décidez. La voie simple est votre propre machine ou un processus Node sur un serveur, ce qui suffit pour une poignée de rendus. Pour le volume, le projet documente le rendu sur AWS Lambda et sur Vercel, ainsi qu'une voie côté client qui rend dans le navigateur. Le compromis est classique : en local c'est gratuit, lent et cela immobilise une machine, tandis que le rendu distribué coûte de l'argent par rendu et transforme cent variantes en un travail parallèle plutôt qu'en une après-midi.
Related projects
OpenCutUn éditeur vidéo gratuit et open source pour le web, le bureau et le mobile — une alternative à CapCutSatoriLa bibliothèque open source de Vercel qui transforme JSX et CSS en SVG — le moteur derrière les images Open Graph dynamiquesBrightBean StudioGestion des réseaux sociaux open source et auto-hébergeable — planifiez, validez et publiez sur plus de 10 plateformes depuis un seul tableau de bordApp Store ScreenshotsUne compétence IA open source qui génère un éditeur Next.js pour les captures d'écran marketing App Store et Google Play — cadres d'appareils, jeux par langue, et export en un clic prêt pour les stores

You built it. Now grow it.

AgentCeres is a managed AI marketing team — specialists draft the SEO, social, and outreach that fill your links, you approve what ships. 14-day free trial, from $39/month.

Start free trialMore projects