---
id: "concept-programmable-video"
type: "concept"
source_timestamps: ["00:15:36", "00:15:56"]
tags: ["video-production", "react", "automation"]
related: ["entity-remotion", "contrarian-programmable-vs-generative-video", "prereq-react-components"]
definition: "Treating video as code (e.g., React components) rather than rendered pixels, enabling infinite parameterization, version control, and automated updating."
sources: ["s48-markdown-design-meeting"]
sourceVaultSlug: "s48-markdown-design-meeting"
originDay: 48
---
# Programmable Video

## Definition

Treating video as **code** rather than a sequence of rendered pixels. Using frameworks like [[entity-remotion|Remotion]], every element of a video — text overlays, motion paths, charts, transitions — is defined as a React component. The output is rendered at the end into MP4/WebM.

## Why Code Beats Pixels (for product workflows)

[[contrarian-programmable-vs-generative-video|See the contrarian framing]]. Generative pixel models (Sora, Runway) are exciting for vibe-driven creators but problematic for business video:

| Property | Generative Pixel | Programmable |
|---|---|---|
| Consistency across renders | Variable | Deterministic |
| Editability | Re-prompt only | Change one variable |
| Version control | None | Git-native |
| Cost at scale | High API spend | Free local render |
| Localization (1000 variants) | 1000x cost | Loop over data |

## What Becomes Possible

- **Parameterized promotional videos** — render thousands of regional variants by looping over a data set.
- **Automatic changelog videos** — see [[entity-noahs-way]]: cron reads PRs → script → Remotion render.
- **Data-driven explainers** — charts and numbers stay current because they're variables, not baked pixels.
- **Localization** — text props swap; render the same video in 30 languages.

## Prerequisite

You need [[prereq-react-components|React component familiarity]] to grok why this is more powerful than pixel generation.

## Related
[[entity-remotion]] · [[contrarian-programmable-vs-generative-video]] · [[claim-remotion-top-skill]] · [[entity-sabrina-dev]] · [[entity-noahs-way]]