دکمه‌ها

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

نحوه استفاده

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

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

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

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

npm install framer-motion

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

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

دکمه شیشه‌ای

دکمه لایه‌ای

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

دکمه دانلود با پیشرفت انیمیشن