Vue JS er framsækið JavaScript ramma sem er notað til að þróa einsíðuforrit (SPA) og notendaviðmót. Og það er einn mest notaði framhliðarrammi sem til er.

 

Einn áhugaverður eiginleiki Vue er geta þess til að sundra vefsíðu í mismunandi íhluti. Og þetta ferli verður einfaldara með notkun HÍ íhlutasafna.

 

Það eru ýmis UI íhlutasöfn sem geta hjálpað þér að búa til íhluti auðveldlega og fljótt. Svo í þessu bloggi ætlum við að fara yfir 10 efstu Vue UI íhlutasöfnin fyrir árið 2021.

 

1. PrimeVue

 

PrimeVue er einfalt í notkun, fjölhæft og árangursríkt Vue UI íhlutasafn sem hjálpar þér að byggja upp frábær notendaviðmót.

 

Það hefur yfir 80+ notendahluti með fullum stuðningi við leiðbeiningar um aðgengi að vefefni (WCAG) og móttækilegri hönnun. Og þökk sé nýlegri uppfærslu hefur bókasafnið nú fullan stuðning fyrir Vue 3. Það fékk líka fullt af fleiri íhlutum.

 

Eitt af því besta við Primevue er mikið úrval af íhlutum. Þau eru allt frá töflum og síðum til vel útfærðra línurita sem þú getur notað til að búa til gagnvirk Vue forrit. Það er opinn uppspretta og hefur 1k+ stjörnur á Github og 6,983 vikulega niðurhal á NPM.

 

2. Vuetify

 

Vuetify er Vue UI bókasafn með fallega handunnnum íhlutum sem notar efnishönnunarforskriftina. Þetta þýðir að það hefur verið þróað nákvæmlega í samræmi við efnishönnunarforskriftirnar þar sem hver íhlutur er vandlega hannaður til að vera mát, móttækilegur og árangursríkur.

 

Vuetify gerir þér kleift að sérsníða forritin þín með einstökum og kraftmiklum uppsetningum og fullkomna stíl íhluta þinna með því að nota SASS breytur.

 

Það styður einnig aðgengisleiðbeiningar, alla nútímavafra, og er samhæft við Vue CLI-3. Það er auðvelt að samþætta það og hefur mikið af endurnýtanlegum notendahlutum eins og hringekjum, siglingum og kortum. Vuetify er opinn uppspretta og með yfir 29 þúsund stjörnur á Github og 319,170 vikulega niðurhal á NPM.

 

3. Chakra UI Vue

 

Chakra UI er einfalt mát og aðgengilegt íhlutasafn sem gefur þér verkfæri til að byggja Vue forrit fljótt og auðveldlega.

 

Allir íhlutirnir eru aðgengilegir (það fylgir WAI-ARIA stöðlum nákvæmlega), þemahæfir og samsettir. Það styður móttækilega stíl út úr kassanum og er samhæft við dökkstillingu.

 

Chakra UI inniheldur einnig sett af útlitshlutum eins og CBox og CStack sem gera það auðvelt að stíla íhlutina þína með því að senda leikmuni. Það gerir þér einnig kleift að flytja sjálfkrafa inn Chakra UI Vue íhluti með því að nota vefpakka viðbótalausn. Það er opinn uppspretta og hefur 900+ stjörnur á Github og 331 vikulega niðurhal á NPM.

 

4. Bootstrap Vue

 

BootstrapVue, Með BootstrapVue geturðu smíðað móttækileg, farsíma-fyrst og ARIA aðgengileg verkefni á vefnum með því að nota Vue.js og hið vinsæla framenda CSS bókasafn - Bootstrap. Auðvelt er að skilja skjölin og einnig er auðvelt að setja þau upp. Það gerir framenda útfærslur hraðar.

 

Það býður upp á 85+ íhluti, yfir 45 tiltæk viðbætur, nokkrar tilskipanir og 1000+ tákn. Það býður einnig upp á hagnýta íhluti sem eru sérsniðnir fyrir skipulag og móttækilega hönnun. þú getur líka auðveldlega samþætt BootstrapVue í Nuxt.js verkefnin þín með því að nota Nuxt.js eininguna.

 

Það er líka notað á sama hátt og verið er að nota bootstrap CSS rammann. Það er opið á Github með um 12.9k stjörnur og 1.7k gaffla.

 

5. Vuesax

 

Vuesax er nýr notendaviðmótsramma búin til með Vuejs til að gera verkefni auðveldlega og með einstökum og skemmtilegum stíl, vuesax er búið til frá grunni og hannað fyrir allar gerðir forritara frá framenda elskhuganum til bakendans sem vill auðveldlega skapa sjónræna nálgun sína á endanotandinn. Hönnunin er einstök fyrir hvern íhlut og er ekki tengd neinum sjónrænum straumum eða hönnunarreglum, sem gerir verkefni byggð með honum einstök líka.

 

það býður upp á móttækilegar síður og endurnýtanlega og sérhannaðar UI hluti. Það er líka auðvelt að byrja með annað hvort að nota npm eða CDN. Sem stendur styður það ekki Vue CLI 3 í nýlegri útgáfu. Það er opið á Github með um 4.9k stjörnur og 6700 vikulega niðurhal NPM.

 

6. Maur Design Vue

 

Ant Design vue byggt á Ant Design forskriftinni, Ant design vue er vue UI bókasafn sem inniheldur sett af hágæða íhlutum og kynningum til að byggja upp fjölbreytt, gagnvirkt notendaviðmót.

 

Ant-design-vue býður upp á fullt af notendahlutum til að auðga vefforritin þín eins og beinagrind, skúffu, tölfræði og svo margt fleira.

 

Með nýlegri útgáfu af maur hönnun vue útgáfu 2, hefur það verið uppfært til að vera hraðari og auðveldara að samþætta, minni búntastærð og styður einnig Vue 3, New Composition API skjal. Það styður einnig nútíma vefvafra, flutning á netþjóni og rafeind. Það hefur yfir 13 þúsund stjörnur á Github og á 39,693 vikulegu niðurhali NPM.

 

7. Quasar

 

Quasar er einn af bestu Vue UI ramma sem gerir forriturum kleift að nota einn frumkóðagrunn fyrir alla vettvang í gegnum Quasar CLI með bestu starfsvenjum úr kassanum. Það gerir forriturum kleift að einbeita sér að innihaldi appsins síns frekar en öllu öðru ketilshúðun (byggja kerfi, skipulag) í kringum það. það er lögð áhersla á að fylgja efni 2.0 leiðbeiningunum og hefur einnig mjög stuðningssamfélag.

 

Eitt af því sem er sérstakt við Quasar er hæfileikinn til að skrifa kóða einu sinni og nota hann samtímis sem vefsíðu, farsímaforrit sem notar aðeins einn kóðagrunn. Það er líka ný útgáfa sem er í beta-útgáfu sem myndi styðja vue 3 eiginleika. Það hefur um 17.8 þúsund stjörnur á Github.

 

8. Buefy

 

Buefy er létt notendaviðmóts íhlutasafn fyrir Vue JS byggt á Bulma (CSS ramma). Buefy sameinar Bulma og Vue, sem hjálpar þér að byggja upp falleg forrit með lágmarks kóða. það er javascript lagið fyrir Bulma viðmótið þitt.

 

Það er annað hvort hægt að flytja það inn í heild sinni eða staka íhluti á venjulega vefsíðu. Það er frekar auðvelt að samþætta það í verkefnið þitt, annað hvort er hægt að gera það með npm eða CDN.

 

Buefy býður upp á tilbúna notendahluti, skipulag og tákn. Íhlutirnir geta notað SASS við þemað þitt. Það styður einnig nútíma vafra.

 

9. Vue efni

 

Vue Material er mikið notaður, léttur rammi sem útfærir efnishönnunarforskriftirnar. Það er ein besta samþættingin á milli Vue.js og Material Design sérstakur! Þú getur auðveldlega stillt það til að henta öllum þínum þörfum með auðveldu API.

 

Það er samhæft við móttækilega hönnun og stuðning fyrir alla nútíma vefvafra. Bókasafnið er skipt í þemu, íhluti og UI-þætti. Þemu gefa endanlega leiðbeiningar um hvernig á að þema forritið þitt (eða skrifa þitt eigið þemu) og íhlutir og notendaviðmót samanstanda af útliti, flakk, leturfræði, táknum og 30 íhlutum til viðbótar. Það hefur um það bil 9.2k stjörnur og 1.1k gaffla á Github og 21k + vikulegt niðurhal NPM.

 

10. KeenUI

 

KeenUI er létt vue.js UI bókasafn með einföldu API, innblásið af efnishönnun Google. Keen UI er ekki CSS rammi. Þess vegna inniheldur það ekki stíla fyrir töflukerfi, leturfræði osfrv. Þess í stað er áherslan á gagnvirka hluti sem krefjast Javascript.

 

Það hefur um 30 endurnýtanlega hluti. Íhlutirnir eru sérhannaðar með því að hnekkja stílunum með því að nota SASS breytur. þú getur fellt það inn í verkefnið þitt annað hvort með því að nota CDN eða npm. Það er opið og hefur um það bil 4k stjörnur á Github.

 

Niðurstaða

 

HÍ íhlutasöfn gera það örugglega miklu auðveldara að byggja upp verkefni. Að velja þann rétta fer eftir eiginleikum verkefnisins sem þú vilt vinna að. Áður en farið er í nýtt verkefni er ráðlegt fyrir einn að skoða HÍ íhlutasafnið sem hentar best í þeim tilgangi.