بارش شهاب

meteorsانیمیشن

رگه‌های نوری که از بالا-راست به پایین-چپ می‌ریزن، برای هیرو و کارت‌های ویژه.

شب یلدا مبارک

نصب

  1. با CLI

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

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

    محتوای تب «کد» را در components/animations/meteors.tsx بگذارید. کلیدفریم را هم به globals.css اضافه کنید.

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

استفاده

usage.tsx
1import { Meteors } from "@/components/animations/meteors"23<div className="relative overflow-hidden rounded-xl border p-8">4  <Meteors count={12} />56</div>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
countnumber12تعداد شهاب.