نمونهٔ خروجی: دکمهٔ برق‌دار با سبک پویا نمونهٔ خروجی React · shadcn/ui
کامپوننتReact · shadcn/uiرابط کاربری و وبP2038

دکمهٔ برق‌دار با سبک پویا

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

دستور نصب
npx shadcn@latest add @magicui/shiny-button

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

  • ساختار ساده و قابل تنظیم
  • تغییر رنگ خودکار در حالت‌های نوری
  • اثر برق‌دار به عنوان تمرکز چشم
کجا به کار می‌آید
رنگ یا اندازهٔ دکمه را برای مناسب‌تر کردن با طرح کلی صفحه عوض کنید
پیش‌نیاز
پروژهٔ React یا Next.js با shadcn/ui؛ دستور نصب را در پوشهٔ پروژه اجرا کنید
مناسب برای
فروشگاه‌های آنلاین و سایت‌های فناوری

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

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

مشاهدهٔ همه
P1443

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

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

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

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

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