RemotionUI

New project

Quick start

npx remotion-ui@latest init my-video

cd my-video
npm run dev

Open the Remotion Studio URL from your terminal, then add your first component:

npx remotion-ui@latest add fade-in

Existing project

Add a remotion-ui.json to your project root:

{
  "preset": "default",
  "aliases": {
    "primitives": "@/remotion/primitives",
    "scenes": "@/remotion/scenes",
    "compositions": "@/compositions",
    "lib": "@/remotion/lib",
    "hooks": "@/remotion/hooks"
  }
}

Then add components:

npx remotion-ui@latest add fade-in
npx remotion-ui@latest add lower-third

Run npx remotion-ui@latest add from your project root so the CLI can read remotion-ui.json and resolve aliases.

Next steps

CLI Reference — diff, update, search, and custom registry build
Authoring scenes — layout patterns for multi-element scenes
Primitives — browse all motion building blocks

Installation

New project

Existing project

Next steps

On this page