1005: Programatic and Skill based Video Creation with Remotion

Remotion is a React-based framework for building videos as code rather than editing them in conventional timelines. In this conversation with creator Johnny Berger, the discussion centers on how the tool has evolved from manual component coding to AI-assisted generation, alongside new browser capabilities that expand what can be rendered directly from web technologies. The focus stays on practical workflows, technical constraints, and how different users integrate the system into real production pipelines.

Programmatic Video Fundamentals

Remotion treats video as a series of time-based React components. A hook called useCurrentFrame supplies the current time value, and the component must return a deterministic visual output for that exact frame. This pure-function approach allows every frame to be rendered independently, which supports parallel processing across multiple Lambda instances. Because CSS native animations are not tied to the frame counter, developers must drive changes through JavaScript or Remotion’s own keyframe system to avoid flickering during export. The same determinism also makes it possible to parameterize reusable motion graphics with schemas so that props can be adjusted interactively in the studio before export.

AI-Assisted Creation and Audience Shift