<Title>
Text over the picture in the theme's type, with entrances by letter, word or line.
tsx
import { Clip, Composition, Title, Track } from "@cutcraft/kit";
export default function Video() {
return (
<Composition fps={30} width={960} height={540}>
<Track id="main">
<Clip id="shot" src="asset:spiral" in={0} out={4} fit="cover" />
</Track>
<Track id="text">
<Title
id="title"
anchor="shot"
offset={0.3}
duration={3.4}
style="h1"
size={64}
animation={{ preset: "word-by-word" }}
>
Cut by words, not seconds
</Title>
</Track>
</Composition>
);
}Used in: An edit · Captions and key points · the walkthrough · Brand spot in any theme · Multicam highlights · Product demo with zoom-ins · Slideshow with motion · Stats with handles · Talking-head cut · Variants from one file · Vertical clip from a podcast
Props
| prop | type | default | required |
|---|---|---|---|
id | string | yes | |
start | number (0..∞) | ||
anchor | "start" | string | ||
at | string | ||
offset | number | ||
duration | number | "fill" | "source" | | ||
transform | |||
fit | "contain" | "cover" | "stretch" | "none" | ||
blend | "normal" | "multiply" | "screen" | "overlay" | "darken" | … 13 more | ||
blendOpacity | number (0..1) | ||
enter | |||
exit | |||
style | string | ||
font | string | "Inter" | |
size | number (1..1000) | 48 | |
weight | integer | "normal" | "bold" | "bold" | |
italic | boolean | false | |
color | string | "#ffffff" | |
background | string | ||
stroke | |||
shadow | |||
align | "left" | "center" | "right" | "justify" | "center" | |
valign | "top" | "middle" | "bottom" | "middle" | |
width | number | ||
height | number | ||
lineHeight | number (0.1..10) | 1.2 | |
letterSpacing | number (-100..100) | 0 | |
decoration | "none" | "underline" | "line-through" | "overline" | ||
animation |
Timed, visual, transformable. Children: effect, keyframe, mask. All elements