کارت سهبعدی
tilt-cardانیمیشنکارتی که با حرکت ماوس کج میشه.
کارت بانکی
•••• •••• •••• ۴۸۲۱
سارا محمدی · ۰۸/۰۷
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add tilt-cardنصب دستی
محتوای تب «کد» را در
components/animations/tilt-card.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { TiltCard } from "@/components/animations/tilt-card"23<TiltCard className="p-4">…</TiltCard>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| max | number | 14 | حداکثر زاویه به درجه. |