Compositions
Tutorial Clip
Tutorial composition for demos and explainers.
CompositionreelsAdvanced
Install
npx remotion-ui@latest add tutorial-clipFull tutorial template: hook, demo frame, spotlight, code reveal, and CTA.
Live preview
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add tutorial-clipImport after install
@/compositions/tutorial-clip- Use when: complete video templates that can be customized as source.
- Customize: mediaSrc, title, code, 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 { TutorialClip } from "@/compositions/tutorial-clip";
<TutorialClip mediaSrc={staticFile("demo.png")} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| mediaSrc* | string | — | Screenshot or video source. |
| title | string | — | Opening hook title. |
| code | string | — | Code reveal content. |