Components

Ready-made pieces: lower thirds, callouts, counters and the like. Each is an ordinary function that returns the kit's own elements (titles, shapes, SVG, a layer where something moves every frame), so it is timed by words, styled by the theme and checked like any element. Editing one of its parts in the editor writes that use out into the file as plain elements. Import them from @cutcraft/kit. Generated from packages/kit/src/components by pnpm docs:gen.

LowerThirdA name and a role in the lower third, on a card or beside an accent bar.CalloutA note in a box, with a line drawn to what it is about.BadgeA short word on a pill that pops in.CounterA number that counts to its value, with a label.ProgressBarA bar that fills from the left to its value.ArrowAn arrow drawn from one point to another, straight or bowed.HighlightA hand-drawn underline, marker stroke, circle or strike on something in the frame.BackgroundA full-frame gradient, dots or grid to put beneath everything.

Positions are pixels from the frame's centre, as every element's transform.position, and the defaults suit a 1920x1080 frame. Colours default to theme tokens ($primary, $surface, $text), so a theme restyles them. Every component takes the timing props any element takes: start, or anchor with at and offset, and duration.