Motion Studio · local-first · 2026

On capture votre site.
Vous obtenez un clip motion.

GEN MOTION film n'importe quelle interface web, mixe la voix off clonée, compose en clip vidéo prêt à publier. Sur votre machine. Sans cloud, sans vendor lock-in.

· 100 s · pipeline complet

Voir le tour source

Cette démo a été produite par GEN MOTION lui-même. Capture Puppeteer · voix off ElevenLabs en mode narratif (alignment char-level) · compose Remotion avec preset Energetic · 1920×1080 h264. Le tour source est versionné dans le repo.

L'approche

Un studio motion design,
taillé pour les devs.

Trois principes simples. Aucun marketing-tech-bro, aucune promesse magique. Ce qui marche, sur votre machine.

01

Local-first.

Aucune donnée ne quitte votre machine. Puppeteer pour la capture, ElevenLabs ou Voicebox (100 % local) pour la voix off, FFmpeg + Remotion natifs pour l'encodage. Pas de cold start CI, pas de vendor lock-in, pas de quota.

02

Cinq onglets, une timeline.

Script, Capture, Audio, Voix off, Compose. L'édition est visuelle, le bouton Save est toujours visible, le mode narratif continu calibre votre timeline sur les timings caractère par caractère retournés par ElevenLabs. Rien à ré-écrire.

03

Quatre presets de montage.

Sober, Energetic, Cinematic, Glitch. La même capture peut sortir en quatre vidéos visuellement très différentes — un clic dans le tab Compose, un re-render Remotion, terminé.

Comment ça marche

Cinq étapes.
Cinq minutes.

Du clone à la première vidéo. Compte sur 5 minutes la première fois, 2 minutes les suivantes — la VO est mise en cache, les sections ré-utilisables.

  1. 01

    Scaffold

    npx create-webgen-motion@latest my-promo
  2. 02

    Backend voix off

    ElevenLabs cloud (qualité instantanée, char-level timings) ou Voicebox 100 % local (zéro données externes). Wizard guidé.

  3. 03

    Nouveau tour

    Slug, format 16:9 ou 9:16, brand préfilé. JSON scaffold. L'éditeur visuel prend le relais.

  4. 04

    Capture + Voice off

    Puppeteer film votre site section par section. ElevenLabs synthétise, vous appuyez sur Calibrer, la timeline s'aligne au mot près.

  5. 05

    Compose

    Remotion assemble dans un Mac chrome ou un iPhone frame, applique le preset choisi, écrit final.mp4. Prêt à publier.

Stack

Open source from top to bottom.

  • Remotion 4·
  • Next.js 16·
  • Puppeteer·
  • FFmpeg·
  • ElevenLabs·
  • Voicebox·
  • Tailwind v4·
  • Framer Motion

ElevenLabs est l'unique service externe optionnel — Voicebox couvre le cas 100 % local. Le reste du pipeline (capture, analyse audio, compose, rendu) tourne sans réseau une fois les dépendances installées.