Social Clip
9:16 Remotion social clip template with hook, captions, and CTA. Install with npx remotion-ui@latest add social-clip.
CompositionAdvanced
Install
$ npx remotion-ui@latest add social-clipFull 1080×1920 social template combining hook title, audiogram, captions, and end card.
9:16 social template (1080×1920). Advanced tier.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/compositions/social-clip- Use when: complete video templates that can be customized as source.
- Customize: audioSrc, captions, hookTitle, hookSubtitle, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { SocialClip } from "@/compositions/social-clip";
<SocialClip audioSrc={staticFile("podcast.wav")} captions={captions} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| audioSrc* | string | - | Podcast audio source. |
| captions* | Caption[] | - | Synced caption array. |
| hookTitle | string | - | Opening hook headline. |
| hookSubtitle | string | - | Supporting line under the hook. |
| podcastTitle | string | "Weekly Brief" | Show name shown over the audiogram body. |
| logoSrc | string | - | Optional brand mark shown in hook, body, and end card. |
| ctaTitle | string | "Hear the full episode" | End card headline. |
| ctaLabel | string | - | End card CTA pill label. |
| ctaUrl | string | - | URL shown on the end card. |