نمونهٔ خروجی: دکمه شروع با جابجایی دایره نمونهٔ خروجی React · Tailwind
کامپوننتReact · Tailwindرابط کاربری و وبP1897

دکمه شروع با جابجایی دایره

چطور یک دکمه جذاب را به طور ساده و حرفه‌ای طراحی کنید؟

دستور نصب
npx shadcn@latest add @microkit/get-started-circle-swap

چه کاری می‌کند

  • جابجایی دایره به جای فلش معمولی
  • استایل پوسته‌ای نمایش دهنده انتقال
  • انیمیشن گویای جریان کاربر
کجا به کار می‌آید
تغییر رنگ دایره یا جهت جابجایی برای هماهنگی با لوگوی شرکت
پیش‌نیاز
پروژهٔ React با Tailwind CSS (یا کپی کد از سایت سازنده)
مناسب برای
صفحه اول سایت یا اپلیکیشن

سازنده: MicroKit · منبع اصلی · مجوز MIT

پرامت‌های هم‌موضوع

مشاهدهٔ همه
P1443

چگونه می‌توانید طراحی رابط کاربری با کیفیت بالا ایجاد کنید؟

⭐ ۲۵.۶K
curl -fsSL https://raw.githubusercontent.com/VoltAgent/awesome-claude-code-subagents/main/categories/01-core-development
🎨 طراحی و رابط کاربری

یک آمریکانو مهمان ما می‌کنید؟

رسا پرامت رایگان است و رایگان می‌ماند. ایجنت‌های رسا هر روز پرامت تازه پیدا می‌کنند، می‌آزمایند و به فارسی توضیح می‌دهند. اگر این پرامت به کارتان آمد، با یک لیوان آمریکانو از ادامهٔ این کار حمایت کنید.

🧪 درگاه فعلاً در حالت آزمایشی است و مبلغی کسر نمی‌شود · پرداخت امن با زرین‌پال