Une alternative à Remotion : écrivez l’animation en HTML, montez-la en vidéo dans le navigateur
Sans Node.js ni React. Les animations HTML / CSS / GSAP sont sur la même timeline que vos vidéos et images.
Partir d’un modèle
- Fenêtre de live Fenêtre arrondie avec badge LIVE et nom ; le son de la vidéo va sur la timeline
- Média encadré Fenêtre à bord blanc lumineux avec étiquette ; apparaît en zoom et peut zoomer sur une zone
- Titre rempli d'image Votre vidéo ou image apparaît dans des lettres géantes, avec surtitre et sous-titre
- Explication partagée Grand texte à gauche (2e ligne colorée), média à droite, repère de timeline en bas
- Mur de photos Des photos verticales apparaissent côte à côte, chacune avec une légende
- Mots-chocs Un mot par écran s'abat tandis que des aplats noir, jaune et crème balaient en diagonale
- Titre surligné Une barre surligneur balaie un fond crème pendant que de grandes lettres tombent
- Forme 3D en rotation Un nœud métallique tourne lentement (Three.js)
- Croissance des données Les barres montent pendant que le chiffre défile
Un clic ouvre l’éditeur avec l’animation déjà ajoutée. Pour les modèles avec emplacements de médias, glissez une vidéo ou une image sur la carte, ou touchez « Utiliser mes fichiers » : elle est déjà en place à l’ouverture de l’éditeur. Les fichiers restent sur votre appareil ; rien n’est envoyé.
TutuCut remplace Remotion : écrivez l’animation en HTML, CSS, Canvas, GSAP ou Three.js, montez-la dans le navigateur avec vos vidéos et images, exportez en MP4. Sans Node.js ni React ; l’IA peut l’écrire. Limite : pas de rendu par lots de milliers de vidéos sur serveur, où Remotion convient mieux.
Remotion écrit les vidéos sous forme de composants React : installer Node.js, créer un projet, écrire le code, puis lancer le rendu. TutuCut prend un autre chemin : une animation est une simple page HTML. Animations CSS, Canvas, SVG, GSAP et Three.js se collent telles quelles, sont dessinées image par image dans votre navigateur et se placent sur la même timeline que vos vidéos, images et sous-titres, puis s’exportent en MP4 ou GIF.
Vos médias peuvent entrer directement dans l’animation : écrivez un repère tutu-asset dans le code pour utiliser les images, vidéos, GIF et polices de votre bibliothèque de médias, ou prenez un modèle avec des emplacements de médias prêts à l’emploi (incrustation en direct, mur de photos, maquette d’appareil…) et faites-y glisser une vidéo. Tout est traité dans votre navigateur ; rien n’est envoyé.
Là où Remotion fait mieux, nous le disons : Remotion peut faire un rendu par lots de dizaines de milliers de vidéos à partir de données sur des serveurs (y compris AWS Lambda), et nous n’avons pas d’API de rendu par lots ; son écosystème React est aussi plus grand. S’il vous faut une vidéo par ligne de données, entièrement automatisée, choisissez Remotion. Si vous faites une vidéo animée et voulez l’ajuster en la regardant, c’est plus rapide ici.
TutuCut face à Remotion
| Critère | TutuCut | Remotion |
|---|---|---|
| Comment l’animation s’écrit | TutuCutHTML / CSS / JS ordinaire (Canvas, SVG, GSAP, Three.js) | Remotion Composants React |
| Ce qu’il faut savoir | TutuCutAucun code pour modifier les modèles ; du HTML pour écrire les vôtres | Remotion React |
| Montage avec vos vidéos et images | TutuCutMême timeline ; les médias peuvent entrer dans l’animation | Remotion Montage par glisser-déposer |
| Ce qu’il faut installer | TutuCutRien ; ouvrez la page web | Remotion Node.js, projet créé en ligne de commande |
| L’IA l’écrit pour vous | TutuCutAssistant IA intégré qui le place sur la timeline | Remotion Fonctionne avec des agents de code |
| Prix | TutuCutGratuit, sans filigrane | Remotion Gratuit pour les particuliers, les entreprises de 3 personnes au plus et les organisations à but non lucratif ; licence entreprise pour les autres |
| Rendu par lots sur serveur à partir de données | TutuCutNon pris en charge | Remotion Oui (y compris AWS Lambda) |
Vérifié le 2026-10-04. La ↗ à côté d’une case est sa source : ouvrez-la pour voir.
Questions fréquentes
- TutuCut peut-il ouvrir un projet Remotion ?
- Non. Un projet Remotion est du code React empaqueté et rendu dans Node.js ; TutuCut exécute du HTML ordinaire. Pour migrer, réécrivez l’animation en une page HTML : dessinez chaque image selon le temps avec une timeline GSAP ou window.__seek(t), lisez les paramètres depuis __PARAMS__ et référencez les médias avec des repères tutu-asset. Ou décrivez l’effet à l’IA et laissez-la l’écrire.
- Faut-il installer quelque chose ?
- Non. Ouvrez la page et commencez : ni Node.js, ni création de projet, ni ligne de commande. L’animation est dessinée et exportée image par image dans votre navigateur ; vos médias et votre code ne sont pas envoyés.
- L’animation peut-elle utiliser mes propres vidéos et images ?
- Oui. Écrivez un repère tutu-asset dans le code pour utiliser les images, vidéos, GIF et polices de votre bibliothèque de médias, ou faites glisser des fichiers sur les emplacements de médias d’un modèle. Un emplacement vidéo peut activer « Avec le son » : son audio devient un clip séparé qui suit l’animation. Si un fichier manque, un espace réservé s’affiche avec une invite à le relier, et l’export est bloqué au lieu de produire en silence une version avec des images manquantes.
- Peut-il produire des centaines de vidéos par lots ?
- Pas automatiquement. TutuCut monte une vidéo à la fois. S’il vous faut générer des centaines ou des milliers de vidéos à partir d’un tableur, le rendu sur serveur / Lambda de Remotion convient mieux.
- Remotion est-il payant ? Et TutuCut ?
- Selon la licence officielle de Remotion, les particuliers, les entreprises de 3 personnes au plus et les organisations à but non lucratif peuvent l’utiliser gratuitement ; les entreprises plus grandes doivent acheter une licence entreprise. TutuCut est gratuit pour monter et exporter, sans filigrane et sans inscription.