Vue JS என்பது ஒரு முற்போக்கான ஜாவாஸ்கிரிப்ட் கட்டமைப்பாகும், இது ஒற்றை பக்க பயன்பாடுகள் (SPAs) மற்றும் பயனர் இடைமுகங்களை உருவாக்க பயன்படுகிறது. மேலும் இது மிகவும் பரவலாகப் பயன்படுத்தப்படும் முன்-இறுதி கட்டமைப்புகளில் ஒன்றாகும்.

 

Vue இன் ஒரு சுவாரஸ்யமான அம்சம், ஒரு வலைப்பக்கத்தை வெவ்வேறு கூறுகளாக உடைக்கும் திறன் ஆகும். UI கூறு நூலகங்களைப் பயன்படுத்துவதன் மூலம் இந்த செயல்முறை எளிதாகிறது.

 

பல்வேறு UI கூறு நூலகங்கள் உள்ளன, அவை எளிதாகவும் விரைவாகவும் கூறுகளை உருவாக்க உதவும். எனவே இந்த வலைப்பதிவில், 10 ஆம் ஆண்டிற்கான சிறந்த 2021 Vue UI உபகரண நூலகங்களை மதிப்பாய்வு செய்யப் போகிறோம்.

 

1. PrimeVue

 

PrimeVue என்பது பயன்படுத்த எளிதான, பல்துறை மற்றும் செயல்திறன் மிக்க Vue UI உபகரண நூலகமாகும், இது அற்புதமான பயனர் இடைமுகங்களை உருவாக்க உதவுகிறது.

 

இது வலை உள்ளடக்க அணுகல் வழிகாட்டுதல்கள் (WCAG) மற்றும் பதிலளிக்கக்கூடிய வடிவமைப்பிற்கான முழு ஆதரவுடன் 80+ UI கூறுகளைக் கொண்டுள்ளது. மேலும் சமீபத்திய புதுப்பித்தலுக்கு நன்றி, நூலகம் இப்போது Vue 3க்கு முழு ஆதரவைக் கொண்டுள்ளது. மேலும் பல கூறுகளையும் பெற்றுள்ளது.

 

பிரைம்வியூவைப் பற்றிய சிறந்த விஷயங்களில் ஒன்று அதன் பரந்த அளவிலான கூறுகள் ஆகும். அவை அட்டவணைகள் மற்றும் பேஜினேட்டர்கள் முதல் நன்கு வடிவமைக்கப்பட்ட வரைபட அடிப்படையிலான நிறுவன விளக்கப்படங்கள் வரை உள்ளன, அவை ஊடாடும் Vue பயன்பாடுகளை உருவாக்க நீங்கள் பயன்படுத்தலாம். இது ஓப்பன் சோர்ஸ் மற்றும் Github இல் 1k+ நட்சத்திரங்களையும் NPM இல் 6,983 வாராந்திர பதிவிறக்கங்களையும் கொண்டுள்ளது.

 

2. Vuetify

 

Vuetify என்பது மெட்டீரியல் டிசைன் விவரக்குறிப்பைப் பயன்படுத்தும் அழகான கைவினைப் பொருட்களுடன் கூடிய Vue UI லைப்ரரி ஆகும். இதன் பொருள், இது மெட்டீரியல் டிசைன் விவரக்குறிப்புகளின்படி, மட்டு, பதிலளிக்கக்கூடிய மற்றும் செயல்திறன் மிக்கதாக வடிவமைக்கப்பட்ட ஒவ்வொரு கூறுகளையும் துல்லியமாக உருவாக்கியுள்ளது.

 

Vuetify உங்கள் பயன்பாடுகளை தனித்துவமான மற்றும் மாறும் தளவமைப்புகளுடன் தனிப்பயனாக்க உதவுகிறது மற்றும் SASS மாறிகளைப் பயன்படுத்தி உங்கள் கூறுகளின் பாணிகளை முழுமையாக்குகிறது.

 

இது அணுகல்தன்மை வழிகாட்டுதல்களையும், அனைத்து நவீன உலாவிகளையும் ஆதரிக்கிறது மற்றும் Vue CLI-3 உடன் இணக்கமானது. இது ஒருங்கிணைக்க எளிதானது மற்றும் கொணர்விகள், வழிசெலுத்தல்கள் மற்றும் அட்டைகள் போன்ற மீண்டும் பயன்படுத்தக்கூடிய UI கூறுகள் நிறைய உள்ளன. Vuetify என்பது ஓப்பன் சோர்ஸ் மற்றும் Github இல் 29k நட்சத்திரங்கள் மற்றும் NPM இல் 319,170 வாராந்திர பதிவிறக்கங்களுடன் உள்ளது.

 

3. சக்ரா UI Vue

 

சக்ரா UI என்பது ஒரு எளிய மட்டு மற்றும் அணுகக்கூடிய கூறு நூலகமாகும், இது Vue பயன்பாடுகளை விரைவாகவும் எளிதாகவும் உருவாக்குவதற்கான கருவிகளை உங்களுக்கு வழங்குகிறது.

 

அனைத்து கூறுகளும் அணுகக்கூடியவை (இது கண்டிப்பாக WAI-ARIA தரநிலைகளைப் பின்பற்றுகிறது), கருப்பொருள் மற்றும் தொகுக்கக்கூடியது. இது பெட்டிக்கு வெளியே பதிலளிக்கக்கூடிய பாணிகளை ஆதரிக்கிறது மற்றும் இருண்ட பயன்முறையில் இணக்கமானது.

 

சக்ரா UI ஆனது CBox மற்றும் CStack போன்ற தளவமைப்புக் கூறுகளின் தொகுப்பையும் கொண்டுள்ளது, இது முட்டுக்களைக் கடந்து உங்கள் கூறுகளை எளிதாக்குகிறது. வெப்பேக் செருகுநிரல் தீர்வைப் பயன்படுத்தி சக்ரா UI Vue கூறுகளை தானாக இறக்குமதி செய்யவும் இது உங்களை அனுமதிக்கிறது. இது ஓப்பன் சோர்ஸ் மற்றும் Github இல் 900+ நட்சத்திரங்களையும் NPM இல் 331 வார பதிவிறக்கங்களையும் கொண்டுள்ளது.

 

4. பூட்ஸ்ட்ராப் Vue

 

BootstrapVue, BootstrapVue மூலம் நீங்கள் Vue.js மற்றும் பிரபலமான முன்-இறுதி CSS நூலகமான பூட்ஸ்டார்ப்பைப் பயன்படுத்தி வலையில் பதிலளிக்கக்கூடிய, மொபைல் முதல் மற்றும் ARIA அணுகக்கூடிய திட்டங்களை உருவாக்கலாம். ஆவணங்கள் புரிந்து கொள்ள எளிதானது மற்றும் அமைப்பதும் எளிதானது. இது முன்-இறுதிச் செயலாக்கங்களை வேகமாகச் செய்கிறது.

 

இது 85+ பாகங்கள், 45 க்கும் மேற்பட்ட செருகுநிரல்கள், பல வழிமுறைகள் மற்றும் 1000+ ஐகான்களை வழங்குகிறது. இது தளவமைப்புகள் மற்றும் பதிலளிக்கக்கூடிய வடிவமைப்பிற்காக வடிவமைக்கப்பட்ட செயல்பாட்டு கூறுகளையும் வழங்குகிறது. Nuxt.js தொகுதியைப் பயன்படுத்தி உங்கள் Nuxt.js திட்டங்களில் BootstrapVue ஐ எளிதாக ஒருங்கிணைக்கலாம்.

 

பூட்ஸ்ட்ராப் CSS கட்டமைப்பைப் பயன்படுத்துவதைப் போலவே இதுவும் பயன்படுத்தப்படுகிறது. இது கிதுப்பில் 12.9k நட்சத்திரங்கள் மற்றும் 1.7k ஃபோர்க்குகளுடன் ஓப்பன் சோர்ஸ் செய்யப்படுகிறது.

 

5. Vuesax

 

Vuesax என்பது Vuejs மூலம் உருவாக்கப்பட்ட புதிய UI கூறு கட்டமைப்பாகும் இறுதி பயனர். வடிவமைப்புகள் ஒவ்வொரு கூறுக்கும் தனித்துவமானது மற்றும் எந்த காட்சி போக்குகள் அல்லது வடிவமைப்பு விதிகளுடன் இணைக்கப்படவில்லை, அதனுடன் கட்டமைக்கப்பட்ட திட்டங்களையும் தனித்துவமாக்குகிறது.

 

இது பதிலளிக்கக்கூடிய பக்கங்கள் மற்றும் மீண்டும் பயன்படுத்தக்கூடிய மற்றும் தனிப்பயனாக்கக்கூடிய UI கூறுகளை வழங்குகிறது. npm அல்லது CDN ஐப் பயன்படுத்தி தொடங்குவதும் எளிதானது. இது தற்போது அதன் சமீபத்திய பதிப்பில் Vue CLI 3 ஐ ஆதரிக்கவில்லை. இது கிதுப்பில் 4.9k நட்சத்திரங்கள் மற்றும் 6700 வாராந்திர பதிவிறக்கங்கள் NPM உடன் திறந்த மூலமாக உள்ளது.

 

6. எறும்பு வடிவமைப்பு Vue

 

எறும்பு வடிவமைப்பு விவரக்குறிப்பின் அடிப்படையில் ஆண்ட் டிசைன் வ்யூ என்பது ஒரு Vue UI நூலகமாகும், இது பணக்கார, ஊடாடும் பயனர் இடைமுகங்களை உருவாக்குவதற்கான உயர்தர கூறுகள் மற்றும் டெமோக்களின் தொகுப்பைக் கொண்டுள்ளது.

 

Ant-design-vue ஆனது எலும்புக்கூடு, டிராயர், புள்ளிவிவரங்கள் மற்றும் பல போன்ற உங்கள் வலை பயன்பாடுகளை வளப்படுத்த ஏராளமான UI கூறுகளை வழங்குகிறது.

 

எண்ட் டிசைன் வ்யூ பதிப்பு 2 இன் சமீபத்திய வெளியீட்டில், இது விரைவாகவும் எளிதாகவும் ஒருங்கிணைக்க, சிறிய மூட்டை அளவு, மேலும் Vue 3, புதிய கலவை API ஆவணத்தை ஆதரிக்கும் வகையில் புதுப்பிக்கப்பட்டது. இது நவீன இணைய உலாவிகள், சர்வர் பக்க ரெண்டரிங் மற்றும் எலக்ட்ரான் ஆகியவற்றை ஆதரிக்கிறது. இது Github இல் 13k நட்சத்திரங்கள் மற்றும் 39,693 வாராந்திர பதிவிறக்கங்கள் NPM இல் உள்ளது.

 

7. குவாசர்

 

Quasar என்பது சிறந்த Vue UI கட்டமைப்புகளில் ஒன்றாகும், இது டெவலப்பர்கள் குவாசார் CLI மூலம் அனைத்து இயங்குதளங்களுக்கும் ஒரு மூலக் குறியீட்டு அடிப்படையைப் பயன்படுத்த அனுமதிக்கிறது. டெவலப்பர்கள் தங்கள் பயன்பாட்டின் உள்ளடக்கத்தில் கவனம் செலுத்துவதற்குப் பதிலாக, அதைச் சுற்றியுள்ள மற்ற கொதிகலன் முலாம் பூசும் பொருட்களை (உருவாக்க அமைப்பு, தளவமைப்பு) விட இது அனுமதிக்கிறது. இது மெட்டீரியல் 2.0 வழிகாட்டுதல்களைப் பின்பற்றுவதில் கவனம் செலுத்துகிறது மற்றும் மிகவும் ஆதரவான சமூகத்தையும் கொண்டுள்ளது.

 

Quasar இன் சிறப்பு அம்சங்களில் ஒன்று, ஒரு முறை குறியீட்டை எழுதும் திறன் மற்றும் ஒரே நேரத்தில் அதை ஒரு இணையதளம், மொபைல் பயன்பாடு என ஒரே ஒரு கோட்பேஸைப் பயன்படுத்தும் திறன் ஆகும். தற்போது பீட்டாவில் ஒரு புதிய பதிப்பு உள்ளது, இது vue 3 அம்சங்களை ஆதரிக்கும். இது Github இல் சுமார் 17.8k நட்சத்திரங்களைக் கொண்டுள்ளது.

 

8. ப்யூஃபி

 

Buefy என்பது புல்மாவை அடிப்படையாகக் கொண்ட Vue JSக்கான இலகுரக UI கூறு நூலகமாகும் (ஒரு CSS கட்டமைப்பு). Buefy Bulma ஐ Vue உடன் இணைத்து, குறைந்தபட்ச குறியீட்டைப் பயன்படுத்தி அழகான பயன்பாடுகளை உருவாக்க உதவுகிறது. இது உங்கள் புல்மா இடைமுகத்திற்கான ஜாவாஸ்கிரிப்ட் லேயர்.

 

இது ஒரு சாதாரண வலைப்பக்கத்தில் முழுமையாக அல்லது ஒற்றை கூறுகளாக இறக்குமதி செய்யப்படலாம். அதை உங்கள் திட்டத்தில் ஒருங்கிணைப்பது மிகவும் எளிதானது, npm அல்லது CDN ஐப் பயன்படுத்தி செய்யலாம்.

 

Buefy ஆயத்த UI கூறுகள், தளவமைப்பு மற்றும் ஐகான்களை வழங்குகிறது. கூறுகள் உங்கள் கருப்பொருளுக்கு SASS ஐப் பயன்படுத்தலாம். இது நவீன உலாவிகளையும் ஆதரிக்கிறது.

 

9. Vue பொருள்

 

Vue மெட்டீரியல் என்பது மெட்டீரியல் டிசைன் விவரக்குறிப்புகளைச் செயல்படுத்தும் ஒரு பரவலாகப் பயன்படுத்தப்படும், இலகுரக கட்டமைப்பாகும். இது Vue.js மற்றும் மெட்டீரியல் டிசைன் விவரக்குறிப்புகளுக்கு இடையே உள்ள சிறந்த ஒருங்கிணைப்புகளில் ஒன்றாகும்! எளிதான API மூலம் உங்கள் எல்லா தேவைகளுக்கும் ஏற்ப அதை எளிதாக கட்டமைக்கலாம்.

 

இது அனைத்து நவீன இணைய உலாவிகளுக்கும் பதிலளிக்கக்கூடிய வடிவமைப்பு மற்றும் ஆதரவுடன் இணக்கமானது. நூலகம் தீம்கள், கூறுகள் மற்றும் UI கூறுகள் என பிரிக்கப்பட்டுள்ளது. தீம்கள் உங்கள் பயன்பாட்டை எவ்வாறு தீம் செய்வது (அல்லது உங்கள் சொந்த தீம்களை எழுதுவது) மற்றும் கூறுகள் மற்றும் UI கூறுகள் தளவமைப்புகள், வழிசெலுத்தல், அச்சுக்கலை, ஐகான்கள் மற்றும் மேலும் 30 கூறுகளைக் கொண்டிருக்கும். இது கிதுப்பில் சுமார் 9.2k நட்சத்திரங்கள் மற்றும் 1.1k ஃபோர்க்குகள் மற்றும் 21k + வாராந்திர பதிவிறக்கங்கள் NPM.

 

10. KeenUI

 

KeenUI என்பது Google இன் மெட்டீரியல் டிசைன் மூலம் ஈர்க்கப்பட்ட எளிய API கொண்ட இலகுரக vue.js UI நூலகமாகும். கீன் UI என்பது CSS கட்டமைப்பு அல்ல. எனவே, இது ஒரு கட்ட அமைப்பு, அச்சுக்கலை போன்றவற்றிற்கான பாணிகளை உள்ளடக்காது. மாறாக, ஜாவாஸ்கிரிப்ட் தேவைப்படும் ஊடாடும் கூறுகளில் கவனம் செலுத்தப்படுகிறது.

 

இது சுமார் 30 மீண்டும் பயன்படுத்தக்கூடிய கூறுகளைக் கொண்டுள்ளது. SASS மாறிகளைப் பயன்படுத்தி பாணிகளை மேலெழுதுவதன் மூலம் கூறுகள் தனிப்பயனாக்கப்படுகின்றன. CDN அல்லது npm ஐப் பயன்படுத்தி அதை உங்கள் திட்டத்தில் ஒருங்கிணைக்கலாம். இது திறந்த மூலமானது மற்றும் Github இல் சுமார் 4k நட்சத்திரங்களைக் கொண்டுள்ளது.

 

தீர்மானம்

 

UI கூறு நூலகங்கள் நிச்சயமாக ஒரு திட்டத்தை மிகவும் எளிதாக்குகின்றன. சரியானதைத் தேர்ந்தெடுப்பது நீங்கள் வேலை செய்ய விரும்பும் திட்டத்தின் அம்சங்களைப் பொறுத்தது. புதிய திட்டத்தில் இறங்குவதற்கு முன், அந்த நோக்கத்திற்காக மிகவும் பொருத்தமான UI கூறு நூலகத்தை ஒருவர் மதிப்பாய்வு செய்வது நல்லது.