remotion-flux-text-gifs

Minimal Node-only pipeline: Remotion text animation → FLUX Klein 9B per-frame "boiling" → animated GIF.

Setup

pnpm install   # or npm/yarn
cp .env.example .env
# put your BFL key in .env

You also need ffmpeg on PATH.

Usage

Render to GIF:

pnpm render

Output: out/output.gif (plus intermediate out/source-frames/ and out/generated-frames/).

Preview the source animation in Remotion Studio:

pnpm studio

Customizing

• Text + timing: edit SEGMENTS in src/TextSequence.tsx. Each segment has text (or null for the logo), duration in frames (30fps), and optional promptId to lock a single prompt for that segment.
• Boiling prompts: edit src/boiling-prompts.ts. The default forest-doodles prompt is id 13.
• Logo: replace public/logotype-white.svg.
• Output dimensions / fps: src/Root.tsx (composition) and the OUTPUT_FPS / GIF_FPS constants in scripts/render.ts.