نمونهٔ خروجی React · shadcn/ui
کامپوننتReact · shadcn/uiرابط کاربری و وبP1741
دکمهٔ مغناطیسی با اثر جذب ذرات
چطور دکمهای بسازید که وقتی نگه دارید، ذرات را به سمت خود جذب کند؟
دستور نصب
npx shadcn@latest add https://kokonutui.com/r/attract-button.json
چه کاری میکند
- استفاده از انتقالهای حرکتی طبیعی با Motion spring
- جذابیت بصری و تعاملی بالا با ذرات در حال حرکت
- همگرایی با فنآوری React و Tailwind CSS
- کجا به کار میآید
- میتوانید حجم و سرعت جذب ذرات را برای تجربهٔ منحصر به فرد خود تنظیم کنید
- پیشنیاز
- پروژهٔ React یا Next.js با shadcn/ui؛ دستور نصب را در پوشهٔ پروژه اجرا کنید
- مناسب برای
- سایتهای دارای محتوای اینتراتیو و اپلیکیشنهای با تمرکز بر تجربه کاربری
P1411
P1314
P1104
P1310
P1100