<Sticker>

A ready-made icon or sticker by name.

import { Clip, Composition, Sticker, 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={3} fit="cover" />
      </Track>
      <Track id="stickers">
        <Sticker
          id="check"
          anchor="shot"
          offset={0.3}
          duration={2.5}
          src="icon:check"
          transform={{ scale: 2 }}
          enter={{ type: "scale", duration: 0.4 }}
        />
      </Track>
    </Composition>
  );
}

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
src	string		yes
category	string
name	string

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