Hook Card
Short-form opener scene for creator clips.
SceneScenesAdvanced
hook-card30fps · 960×540
Install
$ npx remotion-ui@latest add hook-cardOpen reels, shorts, and launch clips with a large animated hook.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/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
Example
import { HookCard } from "@/remotion/scenes/hook-card";
<HookCard
kicker="Creator insight"
headline="Frame registry"
subtitle="Hook viewers before they scroll"
/>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 | "#e8b86d" | Accent sweep, label, and glow color. |
| backgroundColor | string | "#0c0a09" | Scene background color. |