Getting Started

bunnpmpnpmyarn
$ pnpm add @editframe/elements
Copy

Copyimport { Typewriter } from "@editframe/elements";
import { Composition } from "@editframe/elements/server";
 
export default function VideoPage() {
  return (
    <Composition
      id="MyVideo"
      durationInFrames={120}
      fps={30}
      width={1920}
      height={1080}
    >
      <Typewriter text="Hello, World!" />
    </Composition>
  );
}

Copyimport { Editframe } from "@editframe/sdk";
 
const editframe = new Editframe({ apiKey: "your-api-key" });
 
const render = await editframe.renders.create({
  compositionId: "MyVideo",
  outputFormat: "mp4",
});