Components
Large heading text filled with an animated image mask that pans and can cycle between multiple photos.
Loading preview...
import { ImageText } from "@/components/ui/image-text";
export default function Default() {
return (
<div className="flex min-h-[400px] w-full items-center justify-center bg-neutral-950 p-8">
<ImageText
text="Velocity"
imageUrl="https://images.unsplash.com/photo-1528360983277-13d401cdc186?q=80&w=2670&auto=format&fit=crop"
direction="diagonal"
className="text-8xl font-black tracking-tighter"
/>
</div>
);
}