Waves Shader

pnpmnpmyarnbun
Copy to Clipboard
pnpm dlx shadcn@latest add @motokoui/waves-shader

Copy to Clipboardimport { ShaderBackground } from "@/components/ui/waves-shader"
 
export default function Example() {
  return (
    <div className="relative h-screen w-full overflow-hidden">
      <ShaderBackground className="absolute inset-0 size-full" />
      <div className="relative z-10">{/* your content */}</div>
    </div>
  )
}