سحابی

nebulaپس‌زمینه

نویز پیچ‌خورده در هم، شبیه ابرهای گاز، با رنگ برند و پیش‌زمینه.

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

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

نصب

  1. با CLI

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

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

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

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

استفاده

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

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
scalenumber1.4درشتی ابرها.
speednumber1ضریب سرعت زمان.
opacitynumber0.4بیشترین شفافیت لایه. کم نگهش دارید تا متن خوانا بمونه.