نمونهٔ خروجی: نشانگر فعالیت سایدبار نمونهٔ خروجی React · Tailwind
کامپوننتReact · Tailwindرابط کاربری و وبP1775

نشانگر فعالیت سایدبار

چطور نشان دهیم کدام بخش فعال است؟

دستور نصب
npx shadcn@latest add @microkit/spotlight-indicator

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

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

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

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

مشاهدهٔ همه
P1443

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

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

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

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

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