ستارهها
starsپسزمینهنقطههای ریزی که هر کدام با ریتم خودشون چشمک میزنن.
متن روی پسزمینه
در همهی تمها باید خوانا بمونه.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add starsنصب دستی
محتوای تب «کد» را در
components/backgrounds/stars.tsxبگذارید. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { StarsBackground } from "@/components/backgrounds/stars"23<section className="relative overflow-hidden">4 <StarsBackground count={60} />5 <div className="relative">…</div>6</section>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| count | number | 60 | تعداد ستاره. |