Keyloom

Installation

Keyloom isn't a package — it's a collection of Remotion scenes you copy into your project. Here's how to get started.

Use the web studio

The fastest path is the hosted Studio. Drag scenes onto the timeline, edit props in the Inspector, set per-clip transitions, and export to MP4 right from the browser. No install required.

Copy a scene into your project

Every component is also pure source code, exposed in the Source section at the bottom of its docs page. Each scene is a self-contained .tsx file with one external dependency:

npm install remotion

Pick a scene from the components page, click the Source tab, then Copy or Download. Drop the file into your Remotion project (e.g. src/compositions/Terminal/Terminal.tsx). The meta.ts tab gives you the defaults, dimensions, and Inspector fields that the Studio uses — copy that next to it.

Register the scene with Remotion like any other composition:

// src/Root.tsx
import { Composition } from "remotion";
import { Terminal } from "./compositions/Terminal/Terminal";
import { terminalDefaultProps } from "./compositions/Terminal/meta";

export const RemotionRoot: React.FC = () => (
  <Composition
    id="Terminal"
    component={Terminal}
    defaultProps={terminalDefaultProps}
    durationInFrames={360}
    fps={60}
    width={1920}
    height={1080}
  />
);

Render a video

From your Remotion project:

npx remotion render Terminal out/video.mp4

That's it. No CLI to install, no global config to manage.

Where to go next