Buttons
A collection of modern button components built with React, Tailwind CSS and smooth interactive effects.
نحوه استفاده
• هر دکمه را میتوانید مانند یک کامپوننت عادی React داخل پروژه خود استفاده کنید.
• متن داخل دکمهها کاملاً قابل تغییر است و میتوانید عباراتی مثل «شروع کنید»، «ثبت نام» یا «مشاهده بیشتر» قرار دهید.
• برای اجرای عملکرد دلخواه کافی است پراپ onClick را به دکمه اضافه کنید.
• برخی از کامپوننتها ممکن است از Framer Motion استفاده کنند. در این صورت میتوانید آن را با دستور زیر نصب کنید:
• تمامی دکمهها با Tailwind CSS ساخته شدهاند و بهراحتی میتوانید رنگ، فاصلهها، انیمیشنها و ظاهر آنها را شخصیسازی کنید.
• این کامپوننتها برای صفحات فرود، داشبوردها و رابطهای مدرن طراحی شدهاند و روی موبایل نیز کاملاً ریسپانسیو هستند.
Glass Button
A clean glassmorphism button with a soft translucent appearance.
Layer Button
A layered button design that creates visual depth and interaction.
Glow Button
A glowing button with a subtle ambient lighting effect that attracts attention.
دکمه الهام گرفته از Figma
دکمهای مدرن با انیمیشنهای نرم و مینیمال که از سبک تعامل وبسایت Figma الهام گرفته شده و برای صفحات فرود و رابطهای مدرن مناسب است.