Components

Buttons

A collection of modern button components built with React, Tailwind CSS and smooth interactive effects.

نحوه استفاده

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

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

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

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

npm install 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 الهام گرفته شده و برای صفحات فرود و رابط‌های مدرن مناسب است.