امواج

wavesپس‌زمینه

خط‌های سینوسی روی هم که مثل رشته‌های نور موج می‌زنند.

متن روی پس‌زمینه

در همه‌ی تم‌ها باید خوانا بماند.

نصب

  1. با CLI

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

    $ npx vibefarsi add waves
  2. نصب دستی

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

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

استفاده

usage.tsx
1import { WavesBackground } from "@/components/backgrounds/waves"23<section className="relative overflow-hidden">4  <WavesBackground />5  <div className="relative"></div>6</section>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
linesnumber12تعداد خط (تا ۱۶).
speednumber1ضریب سرعت زمان.
opacitynumber0.55بیشترین شفافیت لایه؛ کم نگهش دارید تا متن خوانا بماند.