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