Open source · MIT

Scenes for software
product commercials.

Written in Remotion and locked to the frame clock. The ecosystem ships 81 templates and nine of them are ways to reveal a logo. None of them do a prompt being typed, a cursor that acts, real app UI on a tilted plane, or a response streaming in. That gap is what this is for.

The scenes

Prompt input PromptInput · 1920×1080 · 30fps

Four beats in one unbroken shot: the cursor arrives, the prompt is typed with uneven human rhythm, it is sent, and the answer streams back word by word. The app behind it is real product UI — its own tokens, its own radii, the system font stack — not a drawing of it.

Orbit loop OrbitLoop · 1920×1080 · 30fps

A continuous orbit that never cuts, built so a parent timeline can drive it or leave it to run on its own frame. It exists to be chained into: a scene has to be able to enter from the previous one's final state.

Four rules

Frame-locked

useCurrentFrame() and nothing else. No CSS keyframes, no rAF, no wall clock. A frame renders the same in the studio and in headless CI.

A progress escape hatch

Every scene takes a normalized 0→1 progress so a parent timeline can drive it. Left unset, it derives one from its own frame.

No cuts

The reference commercials run 52 and 41 seconds in one shot. Scenes chain by continuous transformation, not by cut. Architecture, not taste.

Real UI

Slabs of the actual product on inclined planes, with the product's own tokens. A mockup that is 3px off reads as a mockup.