blixvip/NullMotion

NullMotion is a presentation tool that shows a finished motion-graphics advertisement alongside the skeletal wireframe drafts it was built from, with both locked in sync. The idea is simple and the execution is specific: a polished video plays at full width while beneath it, each structural section of the ad — Hook, Reveal, App, End card — renders as a plain black-and-white HTML scene using what the project calls HyperFrames. A moving playhead ties the drafts to the film's clock. Whichever section is currently on screen gets an orange outline; the others loop independently.

The drafts are not AI-generated. They are hand-described using a small vocabulary of beat types — text, logo, phone, window, chart, cloud, and others — each mapped to a GSAP timeline paused at the film's exact timestamp. The engine lives in a single file, public/drafts.mjs, and the whole thing runs on Node.js 22 with zero runtime dependencies beyond what's bundled.

Export is the technically interesting part. Rather than screen-recording in real time, the exporter plays a hidden copy of the film at half speed, captures every decoded frame via requestVideoFrameCallback, draws the drafts at that frame's precise timestamp, and hands everything to WebCodecs at 24 Mbps. Audio is copied directly from the source. The result is a lossless-ish MP4 with no dropped frames — a meaningful distinction from capture-based approaches. This requires Chrome or Edge; WebCodecs isn't universally available.

Three showcase references ship with the repo, ranging from a three-second motion study to a one-minute-plus SaaS launch sequence. The repo is clear that these clips come from other creators and are not claims of commissioned work. Bringing in your own footage requires Python and FFmpeg for scene detection and segmentation; the importer creates non-destructive segments and streams byte ranges server-side so seeking never loads a full video into memory.

What NullMotion actually is, stripped of the demo aesthetic, is a structured way to document the conceptual skeleton of a motion piece alongside its final form. Agencies and freelancers who need to show clients or collaborators how an ad was reasoned through — not just what it looks like — have no standard tool for this. NullMotion is a narrow, opinionated answer to that gap. It doesn't try to be an editor or a generator. The earlier timeline editor is still accessible at /editor, but the main page is purely about the draft-to-finish relationship.

No project-wide open-source license has been selected, which matters if you're evaluating it for team use.