Showcase Remotion

C’est quoi Remotion?

Remotion est un framework open source qui permet de créer des vidéos entièrement en code (React + TypeScript). Chaque frame de la vidéo est un composant React — il n’y a aucun logiciel de montage, aucune timeline manuelle. On écrit du code, on lance un rendu, et on obtient un MP4.

Pourquoi c’est différent

Dans un workflow vidéo classique (After Effects, Premiere, Canva), les animations sont dessinées à la main sur une timeline. Avec Remotion, tout est programmatique et reproductible :

• Les données changent? La vidéo se regénère automatiquement.
• Le code est versionné (Git) — chaque modification est traçable.
• On peut générer des centaines de variantes personnalisées à partir du même template.
• Les animations utilisent des fonctions mathématiques (spring(), interpolate()) plutôt que des keyframes manuels.

Envie d’explorer?

Pour commencer avec Remotion :

• Documentation officielle — guides, tutoriels et référence API
• Templates de démarrage — projets prêts à cloner
• npx create-video@latest — créer un projet Remotion en une commande
• Code source sur GitHub — exemples et communauté

Contenu de la démo

• Intro — Logo Kodra + titre avec effet de frappe et spring physics
• Compteur — Animation interpolate() de 0 à 8 projets
• Data-viz — Barres animées avec spring() décalé
• Textes — Mots-clés Kodra en staggered springs alternants
• Particules — 60 particules avec random() déterministe et connexions
• Outro — Badges tech + URL labo.kodra.ca

Technologie

Vidéo générée entièrement en code avec Remotion, un framework qui transforme des composants React en vidéos. Chaque frame est un rendu React — pas de montage vidéo, que du code.