Frame registry

Name: RemotionUI
Author: RemotionUI

Install compositions as source you own

00:00:00

00:05:00

Export snippet

import { Intro } from "@/compositions/intro";

<Intro
  title="Frame registry"
  subtitle="Install compositions as source you own"
/>

Registers a <Composition> in your Root.tsx automatically.

Full intro sequence with staggered title, subtitle, and progress bar.

Agent notes

Install first, then import the copied source component locally. AI guide →

Import

@/compositions/intro

Use when: complete video templates that can be customized as source.
Customize: title, subtitle, plus copied source for timing, layout, colors, and typography.
Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Example

import { Intro } from "@/remotion/compositions/intro";

<Intro title="My Product" subtitle="Launch video" />

Prop	Type	Default	Description
title	string	"RemotionUI"	Main title.
subtitle	string	-	Tagline under the title.