RemotionUI
Compositions

Social Clip

9:16 social clip with hook, captions, and CTA.

CompositionreelsAdvanced

Install
npx remotion-ui@latest add social-clip

Full 1080×1920 social template combining hook title, audiogram, captions, and end card.

Live preview
9:16 social template (1080×1920). Advanced tier.

AI usage

Install first, then import the copied source component locally.

AI guide

Install

npx remotion-ui@latest add social-clip

Import after install

@/compositions/social-clip
  • Use when: complete video templates that can be customized as source.
  • Customize: audioSrc, captions, hookTitle, 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

import { SocialClip } from "@/compositions/social-clip";

<SocialClip audioSrc={staticFile("podcast.wav")} captions={captions} />

API Reference

PropTypeDescription
audioSrc*stringPodcast audio source.
captions*Caption[]Synced caption array.
hookTitlestringOpening hook headline.

Related