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

دکمهٔ نکته‌ای با جلوهٔ پر شدن

چطور دکمه‌ای طراحی کنیم که به سبک نوآورانه تغییر کند؟

دستور نصب
npx shadcn@latest add @microkit/next-dot-fill-button

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

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

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

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

مشاهدهٔ همه
P1443

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

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

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

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

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