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

کامپوننت شبیه‌ساز دستگاه اندروید

چطور یک نمای ساده و قابل‌استفاده از دستگاه اندروید در رابط کاربری بسازید؟

دستور نصب
npx shadcn@latest add @magicui/android

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

  • استفاده از کتابخانه‌ی shadcn/ui برای سبک‌سازی مدرن و هماهنگ
  • پشتیبانی از React برای یکپارچگی آسان در پروژه‌های SPA
  • افزودن یک ماک‌آپ اندروید برای نمایش اپلیکیشن‌ها یا رابط‌ها به شکل واقعی
کجا به کار می‌آید
بخش محتوا یا نمایشگر داخل دستگاه اندروید را برای نمایش پروژه یا محصول خود تغییر دهید
پیش‌نیاز
پروژهٔ 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
🎨 طراحی و رابط کاربری

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

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

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