Components

دکمه‌ها

مجموعه‌ای از کامپوننت‌های مدرن دکمه ساخته‌شده با React و Tailwind CSS به‌همراه افکت‌ها و تعاملات روان.

نحوه استفاده

• هر دکمه را می‌توانید مانند یک کامپوننت عادی React داخل پروژه خود استفاده کنید.

• متن داخل دکمه‌ها کاملاً قابل تغییر است و می‌توانید عباراتی مثل «شروع کنید»، «ثبت نام» یا «مشاهده بیشتر» قرار دهید.

• برای اجرای عملکرد دلخواه کافی است پراپ onClick را به دکمه اضافه کنید.

• برخی از کامپوننت‌ها ممکن است از Framer Motion استفاده کنند. در این صورت می‌توانید آن را با دستور زیر نصب کنید:

npm install framer-motion

• تمامی دکمه‌ها با Tailwind CSS ساخته شده‌اند و به‌راحتی می‌توانید رنگ، فاصله‌ها، انیمیشن‌ها و ظاهر آن‌ها را شخصی‌سازی کنید.

• این کامپوننت‌ها برای صفحات فرود، داشبوردها و رابط‌های مدرن طراحی شده‌اند و روی موبایل نیز کاملاً ریسپانسیو هستند.

دکمه شیشه‌ای

دکمه‌ای با طراحی شیشه‌ای و ظاهر شفاف مدرن.

دکمه لایه‌ای

دکمه‌ای با طراحی چندلایه برای ایجاد عمق و تعامل بیشتر.

دکمه درخشان

دکمه‌ای با افکت نور و درخشش ملایم برای جلب توجه کاربر.

دکمه الهام گرفته از Figma

دکمه‌ای مدرن با انیمیشن‌های نرم و مینیمال که از سبک تعامل وبسایت Figma الهام گرفته شده و برای صفحات فرود و رابط‌های مدرن مناسب است.