The MaskedVideo component provides an engaging visual effect by animating a clip path on a video as the user scrolls. Ideal for interactive storytelling, hero sections, or immersive backgrounds.
Installation
Examples
Props
| Prop | Type | Description | Default |
|---|---|---|---|
| videoPath | string | Path to the video file to be displayed | - |
Basic Usage
import MaskedVideo from "@/components/masked-video";
export default function Example() {
return <MaskedVideo videoPath="/path/to/video.mp4" />;
}