Vue JS एक प्रगतिशील जावास्क्रिप्ट फ्रेमवर्क है जिसका उपयोग सिंगल-पेज एप्लिकेशन (एसपीए) और यूजर इंटरफेस विकसित करने के लिए किया जाता है। और यह सबसे व्यापक रूप से उपयोग किए जाने वाले फ्रंट-एंड फ्रेमवर्क में से एक है।

 

Vue की एक दिलचस्प विशेषता किसी वेबपेज को विभिन्न घटकों में विभाजित करने की क्षमता है। और यूआई घटक पुस्तकालयों के उपयोग से यह प्रक्रिया सरल हो जाती है।

 

विभिन्न यूआई घटक लाइब्रेरी हैं जो आपको आसानी से और जल्दी से घटक बनाने में मदद कर सकती हैं। इसलिए इस ब्लॉग में, हम 10 के लिए शीर्ष 2021 Vue UI घटक लाइब्रेरीज़ की समीक्षा करने जा रहे हैं।

 

1. प्राइमव्यू

 

PrimeVue उपयोग में आसान, बहुमुखी और प्रदर्शन करने वाली Vue UI कंपोनेंट लाइब्रेरी है जो आपको शानदार यूजर इंटरफेस बनाने में मदद करती है।

 

इसमें वेब कंटेंट एक्सेसिबिलिटी गाइडलाइन्स (WCAG) और रिस्पॉन्सिव डिज़ाइन के लिए पूर्ण समर्थन के साथ 80+ से अधिक UI घटक हैं। और हालिया अपडेट के लिए धन्यवाद, लाइब्रेरी को अब Vue 3 के लिए पूर्ण समर्थन प्राप्त है। इसमें कई और घटक भी शामिल हैं।

 

प्राइमव्यू के बारे में सबसे अच्छी चीजों में से एक इसके घटकों की विस्तृत श्रृंखला है। इनमें टेबल और पेजिनेटर से लेकर अच्छी तरह से तैयार किए गए ग्राफ़-आधारित संगठन चार्ट तक शामिल हैं जिनका उपयोग आप इंटरैक्टिव Vue ऐप्स बनाने के लिए कर सकते हैं। यह ओपन-सोर्स है और Github पर इसके 1k+ स्टार और NPM पर 6,983 साप्ताहिक डाउनलोड हैं।

 

2. व्यूटिफाई करें

 

Vuetify एक Vue UI लाइब्रेरी है जिसमें खूबसूरती से हस्तनिर्मित घटक हैं जो सामग्री डिज़ाइन विनिर्देश का उपयोग करते हैं। इसका मतलब यह है कि इसे बिल्कुल मटेरियल डिज़ाइन विनिर्देशों के अनुसार विकसित किया गया है, जिसमें प्रत्येक घटक को सावधानीपूर्वक मॉड्यूलर, उत्तरदायी और प्रदर्शनशील बनाया गया है।

 

Vuetify आपको अद्वितीय और गतिशील लेआउट के साथ अपने एप्लिकेशन को अनुकूलित करने और SASS वेरिएबल्स का उपयोग करके अपने घटकों की शैलियों को सही करने की सुविधा देता है।

 

यह एक्सेसिबिलिटी दिशानिर्देशों, सभी आधुनिक ब्राउज़रों का भी समर्थन करता है, और Vue CLI-3 के साथ संगत है। इसे एकीकृत करना आसान है और इसमें कैरोसेल, नेविगेशन और कार्ड जैसे कई पुन: प्रयोज्य यूआई घटक हैं। Vuetify खुला स्रोत है और Github पर 29k से अधिक सितारे और NPM पर 319,170 साप्ताहिक डाउनलोड हैं।

 

3. चक्र यूआई व्यू

 

चक्र यूआई एक सरल मॉड्यूलर और सुलभ घटक लाइब्रेरी है जो आपको Vue एप्लिकेशन को जल्दी और आसानी से बनाने के लिए उपकरण देता है।

 

सभी घटक सुलभ हैं (यह कड़ाई से WAI-ARIA मानकों का पालन करते हैं), थीम योग्य और संयोजन योग्य हैं। यह बॉक्स से बाहर प्रतिक्रियाशील शैलियों का समर्थन करता है और डार्क-मोड संगत है।

 

चक्र यूआई में सीबीओक्स और सीस्टैक जैसे लेआउट घटकों का एक सेट भी शामिल है जो प्रॉप्स पास करके आपके घटकों को स्टाइल करना आसान बनाता है। यह आपको वेबपैक प्लगइन समाधान का उपयोग करके चक्र यूआई व्यू घटकों को स्वचालित रूप से आयात करने की भी अनुमति देता है। यह ओपन-सोर्स है और जीथब पर 900+ स्टार और एनपीएम पर 331 साप्ताहिक डाउनलोड हैं।

 

4. बूटस्ट्रैप व्यू

 

बूटस्ट्रैपव्यू, बूटस्ट्रैपव्यू के साथ आप Vue.js और लोकप्रिय फ्रंट-एंड सीएसएस लाइब्रेरी - बूटस्ट्रैप का उपयोग करके वेब पर उत्तरदायी, मोबाइल-फर्स्ट और ARIA सुलभ प्रोजेक्ट बना सकते हैं। दस्तावेज़ीकरण को समझना आसान है और इसे स्थापित करना भी आसान है। यह फ्रंट-एंड कार्यान्वयन को तेजी से पूरा करता है।

 

यह 85+ घटक, 45 से अधिक उपलब्ध प्लगइन्स, कई निर्देश और 1000+ आइकन प्रदान करता है। यह लेआउट और रिस्पॉन्सिव डिज़ाइन के लिए तैयार किए गए कार्यात्मक घटक भी प्रदान करता है। आप Nuxt.js मॉड्यूल का उपयोग करके आसानी से BootstrapVue को अपने Nuxt.js प्रोजेक्ट में एकीकृत कर सकते हैं।

 

इसका उपयोग भी उसी प्रकार किया जाता है जैसे बूटस्ट्रैप सीएसएस फ्रेमवर्क का उपयोग किया जा रहा है। यह लगभग 12.9k स्टार्स और 1.7k फोर्क्स के साथ Github पर ओपन-सोर्स है।

 

5. व्यूसैक्स

 

Vuesax एक नया UI घटक ढाँचा है जो आसानी से और एक अनूठी और सुखद शैली के साथ प्रोजेक्ट बनाने के लिए Vuejs के साथ बनाया गया है, Vuesax को स्क्रैच से बनाया गया है और फ्रंटएंड प्रेमी से लेकर बैकएंड तक सभी प्रकार के डेवलपर्स के लिए डिज़ाइन किया गया है जो आसानी से अपना विज़ुअल दृष्टिकोण बनाना चाहते हैं अंतिम उपयोगकर्ता. डिज़ाइन प्रत्येक घटक के लिए अद्वितीय हैं और किसी भी दृश्य रुझान या डिज़ाइन नियमों से बंधे नहीं हैं, जिससे इसके साथ निर्मित परियोजनाएं भी अद्वितीय हो जाती हैं।

 

यह उत्तरदायी पृष्ठ और पुन: प्रयोज्य और अनुकूलन योग्य यूआई घटक प्रदान करता है। एनपीएम या सीडीएन का उपयोग करके शुरुआत करना भी आसान है। यह वर्तमान में अपने नवीनतम संस्करण में Vue CLI 3 का समर्थन नहीं करता है। यह Github पर लगभग 4.9k स्टार और 6700 साप्ताहिक डाउनलोड NPM के साथ ओपन-सोर्स है।

 

6. चींटी डिजाइन व्यू

 

एंट डिज़ाइन विनिर्देश पर आधारित एंट डिज़ाइन व्यू, एंट डिज़ाइन व्यू एक वीयू यूआई लाइब्रेरी है जिसमें समृद्ध, इंटरैक्टिव उपयोगकर्ता इंटरफ़ेस बनाने के लिए उच्च गुणवत्ता वाले घटकों और डेमो का एक सेट शामिल है।

 

एंट-डिज़ाइन-व्यू आपके वेब अनुप्रयोगों को समृद्ध करने के लिए बहुत सारे यूआई घटक प्रदान करता है जैसे स्केलेटन, ड्रॉअर, आंकड़े और बहुत कुछ।

 

चींटी डिज़ाइन Vue संस्करण 2 की हालिया रिलीज़ के साथ, इसे तेज़ और एकीकृत करने में आसान, छोटे बंडल आकार के लिए अद्यतन किया गया है, और यह Vue 3, नए कंपोज़िशन API दस्तावेज़ का भी समर्थन करता है। यह आधुनिक वेब ब्राउज़र, सर्वर-साइड रेंडरिंग और इलेक्ट्रॉन का भी समर्थन करता है। Github पर इसके 13k से अधिक सितारे हैं और 39,693 साप्ताहिक डाउनलोड NPM पर हैं।

 

7. क्वासर

 

क्वासर सबसे अच्छे Vue UI फ्रेमवर्क में से एक है जो डेवलपर्स को क्वासर सीएलआई के माध्यम से सभी प्लेटफार्मों के लिए सर्वोत्तम प्रथाओं के साथ एक स्रोत कोड आधार का उपयोग करने की अनुमति देता है। यह डेवलपर्स को इसके आसपास की अन्य सभी बॉयलर प्लेटिंग सामग्री (बिल्ड सिस्टम, लेआउट) के बजाय अपने ऐप की सामग्री पर ध्यान केंद्रित करने देता है। यह सामग्री 2.0 दिशानिर्देशों का पालन करने पर केंद्रित है और इसमें एक बहुत ही सहायक समुदाय भी है।

 

क्वासर के बारे में विशेष चीजों में से एक एक बार कोड लिखने और साथ ही इसे केवल एक कोडबेस का उपयोग करके एक वेबसाइट, एक मोबाइल ऐप के रूप में तैनात करने की क्षमता है। वर्तमान में बीटा में एक नया संस्करण भी है जो Vue 3 सुविधाओं का समर्थन करेगा। Github पर इसके लगभग 17.8k सितारे हैं।

 

8. ब्यूफ़ी

 

ब्यूफी, बुल्मा (एक सीएसएस फ्रेमवर्क) पर आधारित Vue JS के लिए एक हल्की यूआई घटक लाइब्रेरी है। ब्यूफ़ी, बुल्मा को Vue के साथ जोड़ती है, जिससे आपको न्यूनतम कोड का उपयोग करके अच्छे दिखने वाले एप्लिकेशन बनाने में मदद मिलती है। यह आपके बुल्मा इंटरफ़ेस के लिए जावास्क्रिप्ट परत है।

 

इसे या तो पूरी तरह से आयात किया जा सकता है या किसी साधारण वेबपेज पर एकल घटक आयात किया जा सकता है। इसे अपने प्रोजेक्ट में एकीकृत करना काफी आसान है, इसे एनपीएम या सीडीएन का उपयोग करके किया जा सकता है।

 

ब्यूफ़ी तैयार यूआई घटक, लेआउट और आइकन प्रदान करता है। घटक आपकी थीम के लिए SASS का उपयोग कर सकते हैं। यह आधुनिक ब्राउज़रों का भी समर्थन करता है।

 

9. दृश्य सामग्री

 

Vue मटेरियल एक व्यापक रूप से उपयोग किया जाने वाला, हल्का ढांचा है जो मटेरियल डिज़ाइन विनिर्देशों को लागू करता है। यह Vue.js और मटेरियल डिज़ाइन स्पेक्स के बीच सबसे अच्छे एकीकरण में से एक है! आप एक आसान एपीआई के माध्यम से इसे अपनी सभी आवश्यकताओं के अनुरूप आसानी से कॉन्फ़िगर कर सकते हैं।

 

यह सभी आधुनिक वेब ब्राउज़रों के लिए उत्तरदायी डिज़ाइन और समर्थन के साथ संगत है। लाइब्रेरी को थीम्स, कंपोनेंट्स और यूआई एलिमेंट्स में बांटा गया है। थीम आपके एप्लिकेशन को थीम कैसे बनाएं (या अपनी खुद की थीम लिखें) पर एक निश्चित मार्गदर्शिका देती हैं और घटकों और यूआई तत्वों में लेआउट, नेविगेशन, टाइपोग्राफी, आइकन और 30 अन्य घटक शामिल होते हैं। Github पर इसके लगभग 9.2k स्टार और 1.1k फोर्क्स और 21k + साप्ताहिक डाउनलोड NPM हैं।

 

10. कीनयूआई

 

KeenUI एक सरल API वाली हल्की Vue.js UI लाइब्रेरी है, जो Google के मटीरियल डिज़ाइन से प्रेरित है। कीन यूआई एक सीएसएस ढांचा नहीं है। इसलिए, इसमें ग्रिड सिस्टम, टाइपोग्राफी आदि के लिए शैलियाँ शामिल नहीं हैं। इसके बजाय, ध्यान उन इंटरैक्टिव घटकों पर है जिनके लिए जावास्क्रिप्ट की आवश्यकता होती है।

 

इसमें लगभग 30 पुन: प्रयोज्य घटक हैं। घटकों को SASS वेरिएबल्स का उपयोग करके शैलियों को ओवरराइड करके अनुकूलन योग्य बनाया गया है। आप सीडीएन या एनपीएम का उपयोग करके इसे अपने प्रोजेक्ट में एकीकृत कर सकते हैं। यह ओपन-सोर्स है और Github पर इसमें लगभग 4k सितारे हैं।

 

निष्कर्ष

 

यूआई घटक लाइब्रेरीज़ निश्चित रूप से किसी प्रोजेक्ट को बनाना बहुत आसान बनाती हैं। सही का चयन करना उस प्रोजेक्ट की विशेषताओं पर निर्भर करता है जिस पर आप काम करना चाहते हैं। किसी नए प्रोजेक्ट में जाने से पहले, किसी को यूआई घटक लाइब्रेरी की समीक्षा करने की सलाह दी जाती है जो इस उद्देश्य के लिए सबसे उपयुक्त है।