RemotionUI

Creator Reel

Vertical creator media composition template.

CompositionAdvanced

Install
$ npx remotion-ui@latest add creator-reel

Combine hook, talking-head, comment, b-roll, captions, and end-card scenes into a complete vertical reel.

9:16 creator template. Advanced tier.

Agent notes

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

Import
@/compositions/creator-reel
  • Use when: complete video templates that can be customized as source.
  • Customize: hookHeadline, hookSubtitle, mediaSrc, mediaFit, 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.

Usage

Example
import { CreatorReel } from "@/compositions/creator-reel"; <CreatorReel mediaSrc={staticFile("speaker.mp4")} audioSrc={staticFile("voice.wav")} captions={captions} />

API Reference

PropTypeDescription
hookHeadlinestringOpening hook headline (auto-fit in portrait).
hookSubtitlestringSupporting line under the hook.
mediaSrcstringSpeaker image or video source.
mediaFit"cover" | "contain"Speaker media object-fit behavior.
audioSrcstringOptional audio source for waveform visuals.
captionsCaption[]Synced captions layered over the talking-head scene.
talkingHeadEyebrowstringEyebrow label above the talking-head title.
talkingHeadTitlestringShort title in the talking-head layout.
commentstringComment callout body text.
authorstringComment author display name.
handlestringComment author handle.
bRollItemsBRollItem[]Media cards for the proof/b-roll section.
bRollTitlestringHeadline beside the b-roll stack.
bRollKickerstringEyebrow above the b-roll headline.
accentColorstringAccent used across hook, captions, and end card.
ctaTitlestringEnd card headline (separate from hook).
ctaLabelstringEnd card CTA pill label.

On this page