گرادیان سیال

نصب

1. با CLI

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

   $ npx vibefarsi add liquid-gradient

2. نصب دستی

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

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

استفاده

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

پراپ‌ها

نکته‌ها

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