Tutorial Clip
Tutorial composition for demos and explainers.
CompositionCompositionsAdvanced
tutorial-clip30fps · 960×540
Install
$ npx remotion-ui@latest add tutorial-clipFull tutorial template: hook, demo frame, spotlight, code reveal, and CTA.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/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
Example
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. |