<Composition>

The video: frame rate, size, background and theme. It ends where its content ends.

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:aurora" in={0} out={4} fit="cover" />
      </Track>
      <Track id="text">
        <Title id="title" anchor="shot" offset={0.4} duration={3.2} size={56}>
          One file, one video
        </Title>
      </Track>
    </Composition>
  );
}

Used in: Product launch · Kinetic type · Data story · Logo reveal · 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	"composition"
fps	number (−∞..240)		yes
width	integer		yes
height	integer		yes
sampleRate	integer	48000
channels	integer	2
background
theme
motionBlur

Children: track, marker, multicam, captions. All elements