Components
This is a “video masking in text” technique where a video is clipped within the shape of the text. The background remains plain (typically white or black), while the text displays dynamic video content inside it.
Loading preview...
import { VideoText } from "@/components/ui/video-in-text-effect"; // Adjust path as needed
export default function VideoTextDemo() {
return (
<div className="flex h-screen w-full items-center justify-center rounded-lg bg-white p-8">
<VideoText src="https://cdn.pixabay.com/video/2023/04/13/158741-817481580_tiny.mp4">
Ravi Katiyar
</VideoText>
</div>
);
}