Scenes
Hook Card
Short-form opener scene for creator clips.
SceneblocksAdvanced
Install
npx remotion-ui@latest add hook-cardOpen reels, shorts, and launch clips with a large animated hook.
Live preview
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add hook-cardImport after install
@/remotion/scenes/hook-card- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: headline, kicker, subtitle, accentColor, 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
import { HookCard } from "@/remotion/scenes/hook-card";
<HookCard
kicker="Creator media"
headline="Make the first second count"
subtitle="A punchy opener for reels and shorts."
/>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| headline* | string | — | Large hook text. |
| kicker | string | "Creator insight" | Small label above the headline. |
| subtitle | string | — | Optional supporting line. |
| accentColor | string | "#f97316" | Accent sweep, label, and glow color. |
| backgroundColor | string | "#09090b" | Scene background color. |