امواج
wavesپسزمینهخطهای سینوسی روی هم که مثل رشتههای نور موج میزنند.
متن روی پسزمینه
در همهی تمها باید خوانا بماند.
نصب
با CLI
اگر هنوز init نکردهاید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگیهایش را مینویسد.
$ npx vibefarsi add wavesنصب دستی
محتوای تب «کد» را در
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>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| lines | number | 12 | تعداد خط (تا ۱۶). |
| speed | number | 1 | ضریب سرعت زمان. |
| opacity | number | 0.55 | بیشترین شفافیت لایه؛ کم نگهش دارید تا متن خوانا بماند. |