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

بیم لبه ای که سرخورده

چطور با یک جلوهٔ نورانی، ظاهر صفحه‌تان را تقویت کنید؟

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

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

  • جذابیت بصری بالا با حرکت نرم نور
  • سازگاری عالی با طراحی‌های مدرن و دارای فضای خالی
  • پیاده‌سازی ساده با شدیدترین اثر
کجا به کار می‌آید
می‌توانید محل و اندازهٔ بیم را برای جلوه‌های منحصر به فرد تغییر دهید.
پیش‌نیاز
پروژهٔ 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
🎨 طراحی و رابط کاربری

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

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

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