مدار

orbitانیمیشن

عناصری که دور یک مرکز می‌چرخن و همیشه رو به بالا می‌مونن.

نصب

  1. با CLI

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

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

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

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

استفاده

usage.tsx
1import { Orbit } from "@/components/animations/orbit"23<Orbit center={<Logo />} items={[{ node: <Icon />, radius: 64, duration: 9 }, { node: <Icon />, radius: 44, duration: 6 }]} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
items{ node; radius; duration?; delay? }[]-هر آیتم مدار خودش را داره.
sizenumber160قطر ظرف.