نمونهٔ خروجی React · shadcn/ui
کامپوننتReact · shadcn/uiرابط کاربری و وبP1859
بیم لبه ای که سرخورده
چطور با یک جلوهٔ نورانی، ظاهر صفحهتان را تقویت کنید؟
دستور نصب
npx shadcn@latest add @magicui/border-beam
چه کاری میکند
- جذابیت بصری بالا با حرکت نرم نور
- سازگاری عالی با طراحیهای مدرن و دارای فضای خالی
- پیادهسازی ساده با شدیدترین اثر
- کجا به کار میآید
- میتوانید محل و اندازهٔ بیم را برای جلوههای منحصر به فرد تغییر دهید.
- پیشنیاز
- پروژهٔ React یا Next.js با shadcn/ui؛ دستور نصب را در پوشهٔ پروژه اجرا کنید
- مناسب برای
- صفحات پروژهها یا نمایشگاههای آنلاین
P1411
P1314
P1104
P1310
P1100