odori

An independent React video framework. Odori owns the deterministic frame runtime, timeline compiler, browser player, and render manifest, plus the conventions a production video project otherwise has to invent.

npm install odori

import {Scene, Video, defineVideoMetadata} from "odori";

export const metadata = defineVideoMetadata({
  id: "launch",
  title: "Product launch",
  duration: "8s",
});

export default function LaunchVideo() {
  return (
    <Video>
      <Scene id="opening" duration="5s">
        <TitleReveal title="Video projects deserve a framework." />
      </Scene>
      <Scene id="end" duration="3s">
        <EndCard title="Built with odori" />
      </Scene>
    </Video>
  );
}

The CLI and Studio live in @odori/cli, and the component registry in @odori/registry.