موج آب

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add water-ripple

2. نصب دستی

   محتوای تب «کد» را در components/backgrounds/water-ripple.tsx بگذارید. پیش‌نیاز: shader.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { WaterRippleBackground } from "@/components/backgrounds/water-ripple"23<section className="relative overflow-hidden">4  <WaterRippleBackground />5  <div className="relative">…</div>6</section>

پراپ‌ها

نکته‌ها

• والد باید رویداد ماوس بگیره، چون خود بوم pointer-events نداره تا مزاحم کلیک نشه.