transition-hidden-cut
Shot recipes · A cut between two pictures · Apache-2.0
- What it does
3 named moves on one card: invisible-cut (An oversized card sweeps past the lens with heavy motion blur, and the background swaps scenes inside the fully-covered frames); versus-slam (Two half-screens with slanted edges charge from opposite sides and collide; the impact frame is the cut — white flash, shake, VS stamp); light-leak-burn (Three amber light blooms sweep the diagonal, and at peak coverage the old page hard-cuts away beneath the flare).
- Get it
Copy demos/transition/transition-hidden-cut/InvisibleCut.tsx (and its 2 sibling file(s) in the same folder) into a Remotion project with demos/_fixtures/Brand.tsx, demos/_fixtures/Look.tsx, demos/_fixtures/Polish.tsx; fix the import paths; then <Composition id="InvisibleCut" component={InvisibleCut} durationInFrames={INVISIBLE_CUT_DURATION} fps={30} width={1920} height={1080} />. With the skill installed, say: "use the transition-hidden-cut shot card". Read the card first: references/shots/transition/transition-hidden-cut.md.
- Needs (the whole pack)
Remotion 4 and React 19, and FFmpeg for its checks. No Tailwind, no CSS files, no web fonts.
- Re-skin
Edit the file (colors, logo, text)
No props (3 demo files). It starts from a named look in demos/_fixtures/Look.tsx (LOOKS.ember, LOOKS.paper, LOOKS.sand), but about 26 more color values are written in the demo, so changing the look alone will not re-skin it. Fonts come from the shared fixture files (FONT in Polish.tsx, type() in…
- License
Apache-2.0
- From