♨️ بدون توجه به تجربه طراحی خود، وب سایت های زیبایی بسازید.
این شعار کتابخونه Next UI برای react هست که زیبایی، سرعت و مدرنیته رو در یک قالب ارائه میده
این کتابخونه انیمیشن‌های خیلی نرم و جذابی داره. اکثر کامپوننت هایی که نیاز دارید از دکمه های زیبا گرفته تا modal های ریسپانسیوش در خودش جای داده.
اگه دنبال این نیستید که دونه دونه کامپوننت ها رو خودتون بزنید یا نیاز به کامپوننت های کاستوم ندارید این کتابخونه میتونه روند توسعه رو سریع تر کنه.
با شخصی سازی بالایی که داره میتونید کامپوننت هاش رو باب میل خودتون کنید.

💠 راستی از Next js هم به خوبی پشتیبانی میکنه...

🔅 پس منتظر چی هستید برید یه بار تستش کنید و از قابلیت هاش لذت ببرید.

🌐 https://nextui.org

#reactjs #packages #ui_library

Channel | Group | YouTube

🔥 فرانت‌اندکارا آماده اید! 🔥

اگه با ریکت،نکست یا تیلویند کار می‌کنید، shadcn/ui یه جعبه ابزار جادوییه!

🔰مجموعه‌ای از کامپوننت‌های آماده و از پیش ساخته که می‌تونید مستقیماً توی پروژه‌تون کپی کنید:

✅سبک، سریع و انعطاف‌پذیر - بدون نیاز به وابستگی زیاد
✅کاملاً رایگانه! بدون هیچ هزینه‌ای ازش استفاده کنید
✅با Tailwind CSS سازگاره - ۱۰۰٪ قابل تغییر با Tailwind CSS (رنگ،انیمیشن، هرچی دلتون می‌خواد!).
✅وابسته به یه کتابخونه خاص نیست، مثل MUI یا Ant Design که مجبور باشی تو قالب‌های خودشون کار کنی.
✅سازگار با React و Next.js و حتی Radix UI.
✅کامپوننت‌های آماده (دکمه، فرم، مدال، منو و ...) که می‌تونید مستقیم کپی کنید.

🔰چطور استفاده کنیم؟

برو به shadcn/ui و کامپوننت مورد نظرتو انتخاب کن.
توی ترمینال اینو بزن تا راه‌اندازی بشه:
bashCopy codenpx shadcn-ui@latest init

بعد، هر کامپوننتی می‌خوای، با یه دستور اضافه کن:

bashCopy codenpx shadcn-ui@latest add card

حالا کدا مال خودته! می‌تونی هرجور خواستی تغییرش بدی

پیش به سوی پروژه های خفن تر! 😎

#فرانت‌اند #React #NextJS #TailwindCSS #UI
Channel | Group | YouTube

💠کتابخانه Headless UI برای React رو یک سر بهش بزنید 🎉✨

ویژگی‌های هیجان‌انگیز و کاربردی:

🏗 موقعیت‌یابی داخلی انکر: حالا با ادغام Floating UI، دیگه نیازی به تنظیمات دستی نیست!

✅ کامپوننت جدید چک‌باکس: یه چک‌باکس جدید و حسابی کارآمد به مجموعه اضافه شده!

📑 کامپوننت‌های فرم HTML: حالا می‌تونی فرم‌های HTML رو مستقیم و راحت‌تر استفاده کنی.

👀 بهبود تشخیص حالات hover، focus و active: کلی روی این قابلیت کار شده تا عملکردش بهتر و دقیق‌تر باشه.

📜 مجازی‌سازی لیست Combobox: لیست‌های Combobox حالا سریع‌تر و بهینه‌تر اجرا می‌شن.

🌐 وب‌سایت جدید و مستندات ارتقا‌یافته: وب‌سایت جدید کلی اطلاعات مفید داره و مستنداتش حسابی کامل‌تر شده!

📌 دوست داری بیشتر بدونی؟ این هم آدرس سایت 😉

#UI #React #Frontend

Channel | Group | YouTube

🔰 وایرفریم چیه؟ و چه اهمیتی داره؟🤔👇

✅ وایرفریم، یک طرح اولیه از صفحه یا محصول دیجیتالی است که ساختار کلی و نحوه چینش عناصر را مشخص می‌کند، بدون تمرکز بر جزئیات بصری. این مرحله از طراحی، مسیر پروژه را روشن‌تر کرده و خطرات ناشی از تغییرات پرهزینه را کاهش می‌دهد.

❌ اگر بدون وایرفریم، مستقیم وارد طراحی UI شویم:

⛓‍💥ممکن است در مراحل بعدی، متوجه مشکلات ساختاری شویم که بازنگری آن‌ها، هزینه و زمان زیادی می‌طلبد.

🔗 مزیت طراحی وایرفریم:

با داشتن یک وایرفریم قابل تست، می‌توان پیش از صرف هزینه‌های زیاد، مشکلات را شناسایی کرد و تجربه کاربری را بهبود داد. همچنین، این روش، امکان دریافت بازخوردهای سریع‌تر از کاربران و اعضای تیم را فراهم می‌کند.

🖼 تصویر منتشر شده از یک وایرفریم رو ببینید! چطور به بهبود پروژه کمک کرده است؟ دیزاینرها و متخصصان UI/UX نظرتان چیست؟ 🤔😉

#UI_Design #DesignProcess
#Wireframe #Prototyping
#UserTesting #ProductDesign
#RiskManagement #UX

Channel | Group | YouTube