Components
A shader-based animated wave background using Three.js, ideal as a hero or landing page backdrop.
Loading preview...
import { Waves } from "@/components/ui/waves";
export default function WavesDemo() {
return (
<div className="relative h-[500px] w-full overflow-hidden rounded-xl border">
<Waves />
<div className="relative z-10 flex h-full items-center justify-center">
<h1 className="text-4xl font-bold tracking-tight text-white/90 md:text-6xl">
Waves are cool
</h1>
</div>
</div>
);
}