ClipCard
Remotion pieces · A laptop or window frame · Apache-2.0
- What it does
Wraps a video file in a rounded card with an optional caption, and cross-fades a loop when the clip is shorter than the shot, so card-shaped camera moves can carry real footage.
- Get it
Copy the file into your Remotion project and import it (the skill's own rule is copy, not import from the repo). <ClipCard src="clips/demo.mp4" size={560} caption="..." loopDurationInFrames={60} durationInFrames={120} />. Demo: demos/ui-entrance/clipcard-looping/ClipCardLooping.tsx.
- Needs
Remotion only; always pass durationInFrames
- Re-skin
By props (text, pictures)
Props: src (the clip), caption, size, radius, muted, captionSize, startFrom and fades. The card's two colors are written in the file.
- License
Apache-2.0
- From