Installation
Initialize a Remotion project with RemotionUI.
New project
Queue 01
01Initialize
$ npx remotion-ui@latest init my-video --starter socialQueue 02
02Add
$ npx remotion-ui@latest add social-clipQueue 03
03Render
$ npx remotion render src/Root.tsx SocialClip out/social-clip.mp4Output
out/social-clip.mp4
Dev server
$ cd my-video && npm run devOpen the Remotion Studio URL from your terminal, then add your first component:
Install
$ npx remotion-ui@latest add fade-inExisting project
Add a remotion-ui.json to your project root:
Config
{
"preset": "default",
"aliases": {
"primitives": "@/remotion/primitives",
"scenes": "@/remotion/scenes",
"compositions": "@/compositions",
"lib": "@/remotion/lib",
"hooks": "@/remotion/hooks"
}
}Then add components:
Install
$ npx remotion-ui@latest add fade-inAdd another
$ npx remotion-ui@latest add lower-thirdRun 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 registrybuild - Authoring scenes: layout patterns for multi-element scenes
- Components: browse all motion building blocks
If RemotionUI saves you time, star the repo on GitHub — it helps a lot.