Skip to content

<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 ​

proptypedefaultrequired
idstringyes
startnumber (0..∞)
anchor"start" | string
atstring
offsetnumber
durationnumber | "fill" | "source" |
transform
fit"contain" | "cover" | "stretch" | "none"
blend"normal" | "multiply" | "screen" | "overlay" | "darken" | … 13 more
blendOpacitynumber (0..1)
enter
exit
stylestring
fontstring"Inter"
sizenumber (1..1000)48
weightinteger | "normal" | "bold""bold"
italicbooleanfalse
colorstring"#ffffff"
backgroundstring
stroke
shadow
align"left" | "center" | "right" | "justify""center"
valign"top" | "middle" | "bottom""middle"
widthnumber
heightnumber
lineHeightnumber (0.1..10)1.2
letterSpacingnumber (-100..100)0
decoration"none" | "underline" | "line-through" | "overline"
animation

Timed, visual, transformable. Children: effect, keyframe, mask. All elements

MIT licensed.