ربات رسا
نمونهٔ خروجی React · Tailwind
کامپوننتReact · Tailwindرابط کاربری و وبP1757
دکمه‌ی درخشان با نور لبه و حرکت روان نشانگر
یک دکمه‌ی تعاملی با نورهای متقاطع که حرکت نشانگر را به زیبایی دنبال می‌کند!
دستور نصب
npx shadcn@latest add @microkit/cursor-edge-glow-button
چه کاری می‌کند
- نورهای لبه‌ای که با حرکت نشانگر روی دکمه به صورت روان و متقاطع تغییر می‌کنند، جلوه‌ی مدرن و جذابی ایجاد می‌کند.
- استفاده از انیمیشن‌های بهینه با spring-tracking باعث عملکرد نرم و کاربرپسند می‌شود.
- شکل کپسولی دکمه با Tailwind CSS به خوبی روی هر اندازه صفحه و دستگاهی واکنش‌گرا است.
- کجا به کار می‌آید
- برای کاربرد خودتان می‌توانید رنگ‌ها و شدت درخشش نور لبه را متناسب با برند و تم سایت تغییر دهید.
- پیش‌نیاز
- پروژهٔ React با Tailwind CSS (یا کپی کد از سایت سازنده)
- مناسب برای
- افزایش جذابیت و تعامل کاربران در دکمه‌های کلیدی رابط کاربری
P1411
P1314
P1104
P1310
P1100