ریپل اثر حرکتی برای رابط کاربری

چطور با این اثر جلوه‌ای به دکمه‌ها و عناصر اضافه کنید؟

npx shadcn@latest add @magicui/ripple

دریافت در ربات ذخیره

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

• جذب توجه کاربران با حرکت نرم و ملایم
• افزایش تعامل و احساس فعالیت در صفحه
• سازگار با طراحی‌های مدرن و پاک

کجا به کار می‌آید

با تغییر سرعت و اندازهٔ ریپل، با سبک طراحی سایت خود هماهنگ کنید.

پیش‌نیاز

پروژهٔ React یا Next.js با shadcn/ui؛ دستور نصب را در پوشهٔ پروژه اجرا کنید

مناسب برای

سایت‌های معرفی خدمات و محصولات

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