Material Design Components

یہ اجزاء یوزر انٹرفیس بنانے کے ل. انٹرایکٹو بلڈنگ بلاکس ہیں۔

M3 کیٹلاگ 🚀

یہ ایپ ڈویلپر ڈیمو مقاصد کے لیے ہے۔

📚 ماخذ کوڈ: GitHub - مٹیریل ڈیزائن کے اجزاء

https://github.com/boltuix-store/Material-Design-Components

📖 دستاویزی: مواد 3 رہنما خطوط 2025

https://www.boltuix.com/2025/06/material-3-guidelines-2025.html

مواد رہنما خطوط، اجزاء اور ٹولز کا ایک قابل موافق نظام ہے جو صارف انٹرفیس ڈیزائن کے بہترین طریقوں کی حمایت کرتا ہے۔ اوپن سورس کوڈ کی حمایت سے، مواد ڈیزائنرز اور ڈویلپرز کے درمیان تعاون کو ہموار کرتا ہے، ٹیموں کو تیزی سے خوبصورت مصنوعات بنانے میں مدد کرتا ہے۔ 🌟

اجزاء 🛠️

مواد کے اجزاء یوزر انٹرفیس بنانے کے لیے انٹرایکٹو بلڈنگ بلاکس ہیں۔

یہاں شامل اجزاء کے ساتھ جامع فہرست ہے:

* موافقت پذیر 🖥️: اسکرین کے مختلف سائز کے لیے لچکدار لے آؤٹ

* ایپ بارز: نیچے 📱: اسکرین کے نیچے نیویگیشن اور ایکشن بارز

* ایپ بارز: ٹاپ 📍: اسکرین کے اوپری حصے میں نیویگیشن بارز

* بیک ڈراپ 🎨: سامنے اور پیچھے کے منظر کے ساتھ تہہ دار مواد

* بیجز 🔔: UI عناصر پر اطلاعات یا اسٹیٹس کے لیے بیجز (بیج ڈرا ایبل)

* بینرز 📢: صارف کی توجہ کے لیے عارضی پیغامات

* نیچے نیویگیشن 🧭: نیچے UI ویوز کے درمیان سوئچ کریں۔

* نیچے کی شیٹس ⬇️: ثانوی مواد جو اسکرین کے نیچے لنگر انداز ہوتا ہے۔

* بٹنز 👆: UI میں کارروائیوں کو متحرک کرنے کے لیے بنیادی اجزاء

* بٹنز: فلوٹنگ ایکشن بٹن (FAB) ➕: بنیادی کارروائیوں کے لیے فلوٹنگ ایکشن بٹن

* FAB مینو 🔄: متعلقہ کارروائیوں کے لیے FABs سے پھیلتے ہوئے مینوز

* کارڈز 🗂️: کسی ایک مضمون کے لیے مواد اور اعمال ڈسپلے کریں۔

* کیروسل 🎠: اسکرین پر اور آف آئٹمز کا سکرول ایبل مجموعہ

* چیک باکس ✅: ایک یا زیادہ آئٹمز منتخب کریں یا ٹوگل آن/آف کریں۔

* چپس 🏷️: معلومات درج کریں، انتخاب کریں، فلٹر کریں، یا کارروائیاں شروع کریں

* ڈیٹا ٹیبلز 📊: سٹرکچرڈ ڈیٹا کو منظم اور ڈسپلے کریں۔

* تاریخ چننے والے 📅: تاریخ یا تاریخوں کی حد منتخب کریں۔

* مکالمے ❗: صارف کے بہاؤ میں اہم اشارے

* تقسیم کرنے والے ➖: کنٹینرز میں مواد کو گروپ کرنے کے لیے پتلی لکیریں۔

* ڈاک شدہ ٹول بار ⚓: متواتر کارروائیوں کے لیے فکسڈ ٹول بار

* فلوٹنگ ٹول بار 🛠️: سیاق و سباق کی کارروائیوں کے لیے متحرک ٹول بار

* آئیکن اور سیگمنٹڈ بٹنز 🖼️: آئیکنز والے بٹن یا تعامل کے لیے سیگمنٹڈ آپشنز

* تصویری فہرستیں 🖼️: گرڈ یا تصاویر کی فہرست

* فہرستیں 📋: مواد کی نمائش کے لیے عمودی فہرستیں۔

* لوڈنگ انڈیکیٹرز 🔄: مختصر لوڈنگ کے عمل کے لیے بصری اشارے

* میٹریل ٹیکسٹ ویو ✍️: میٹریل 3 کے لیے بہتر ٹیکسٹ ڈسپلے جزو

* مینو 📜: ایک عارضی سطح پر انتخاب کی فہرست دکھائیں۔

* نیویگیشن دراز 📂: بڑے آلات پر UI ویوز کے درمیان سوئچ کریں۔

* نیویگیشن ریل 🚆: درمیانے سائز کے آلات پر UI ویوز کے درمیان سوئچ کریں۔

* پیشرفت کے اشارے ⏳: غیر متعینہ انتظار کے اوقات یا عمل کی مدت دکھائیں۔

* ریڈیو بٹن 🔘: سیٹ سے ایک آپشن منتخب کریں۔

* سرچ بار 🔍: متعلقہ معلومات کے لیے کلیدی الفاظ یا جملے درج کریں۔

* سلیکشن کنٹرولز 🎚️: صارف کے انتخاب کا نظم کریں (چیک باکسز، ریڈیو بٹن، سوئچز)

* شیٹس: نیچے 📄: اسکرین کے نیچے ثانوی مواد

* شیٹس: سائیڈ 📑: ثانوی مواد جو اسکرین کے سائیڈ پر لنگر انداز ہوتا ہے۔

* سائیڈ شیٹس 📘: ثانوی مواد کو ایک طرف لنگر انداز کیا گیا ہے۔

* سلائیڈرز 🎚️: قدروں کی ایک حد سے انتخاب کریں۔

* سنیک بارز 🔔: اسکرین کے نیچے ایپ کے عمل کے بارے میں مختصر اپ ڈیٹس

* سوئچز 🔄: کسی آئٹم کے انتخاب کو آن یا آف ٹوگل کریں۔

* ٹیبز 📑: مختلف اسکرینوں اور آراء میں مواد کو منظم کریں۔

* ٹیکسٹ فیلڈز ✍️: صارفین کو UI میں متن داخل کرنے اور اس میں ترمیم کرنے کی اجازت دیں۔

* وقت چننے والے ⏰: صارفین کو ایک مخصوص وقت منتخب کرنے اور سیٹ کرنے میں مدد کریں۔

* ٹول ٹپس 💡: UI عناصر کے لیے مختصر تفصیل

🚀 اب CodeCanyon پر دستیاب ہے

میٹریل UIX کا کوٹلن ورژن خریدیں - چیکنا، جدید، اور جوابی صارف انٹرفیس تیار کرنے کے لیے آپ کی حتمی ٹول کٹ۔

جدید ایپ ٹیمپلیٹ – ایک ذمہ دار اور حسب ضرورت UI کٹ برائے:

* جیٹ پیک کمپوز

* اینڈرائیڈ کوٹلن

* پھڑپھڑانا

👉 اسے CodeCanyon پر حاصل کریں

https://codecanyon.net/user/boltuix