Vue JS ಒಂದು ಪ್ರಗತಿಶೀಲ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಆಗಿದ್ದು ಇದನ್ನು ಏಕ-ಪುಟ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು (SPA ಗಳು) ಮತ್ತು ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್‌ಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಮತ್ತು ಇದು ಹೆಚ್ಚು ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುವ ಮುಂಭಾಗದ ಚೌಕಟ್ಟುಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ.

 

Vue ನ ಒಂದು ಆಸಕ್ತಿದಾಯಕ ವೈಶಿಷ್ಟ್ಯವೆಂದರೆ ವೆಬ್‌ಪುಟವನ್ನು ವಿಭಿನ್ನ ಘಟಕಗಳಾಗಿ ವಿಭಜಿಸುವ ಸಾಮರ್ಥ್ಯ. ಮತ್ತು UI ಕಾಂಪೊನೆಂಟ್ ಲೈಬ್ರರಿಗಳ ಬಳಕೆಯೊಂದಿಗೆ ಈ ಪ್ರಕ್ರಿಯೆಯು ಸರಳವಾಗುತ್ತದೆ.

 

ವಿವಿಧ UI ಕಾಂಪೊನೆಂಟ್ ಲೈಬ್ರರಿಗಳು ಸುಲಭವಾಗಿ ಮತ್ತು ತ್ವರಿತವಾಗಿ ಘಟಕಗಳನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತವೆ. ಆದ್ದರಿಂದ ಈ ಬ್ಲಾಗ್‌ನಲ್ಲಿ, ನಾವು 10 ರ ಟಾಪ್ 2021 Vue UI ಕಾಂಪೊನೆಂಟ್ ಲೈಬ್ರರಿಗಳನ್ನು ಪರಿಶೀಲಿಸಲಿದ್ದೇವೆ.

 

1. 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. ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ವ್ಯೂ

 

BootstrapVue, BootstrapVue ನೊಂದಿಗೆ ನೀವು Vue.js ಮತ್ತು ಜನಪ್ರಿಯ ಫ್ರಂಟ್-ಎಂಡ್ CSS ಲೈಬ್ರರಿ - ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ವೆಬ್‌ನಲ್ಲಿ ಸ್ಪಂದಿಸುವ, ಮೊಬೈಲ್-ಮೊದಲ ಮತ್ತು ARIA ಪ್ರವೇಶಿಸಬಹುದಾದ ಯೋಜನೆಗಳನ್ನು ನಿರ್ಮಿಸಬಹುದು. ದಸ್ತಾವೇಜನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸುಲಭ ಮತ್ತು ಅದನ್ನು ಹೊಂದಿಸಲು ಸಹ ಸುಲಭವಾಗಿದೆ. ಇದು ಮುಂಭಾಗದ ಅಳವಡಿಕೆಗಳನ್ನು ವೇಗವಾಗಿ ಮಾಡಲಾಗುತ್ತದೆ.

 

ಇದು 85+ ಘಟಕಗಳು, ಲಭ್ಯವಿರುವ 45 ಪ್ಲಗಿನ್‌ಗಳು, ಹಲವಾರು ನಿರ್ದೇಶನಗಳು ಮತ್ತು 1000+ ಐಕಾನ್‌ಗಳನ್ನು ನೀಡುತ್ತದೆ. ಇದು ಲೇಔಟ್‌ಗಳು ಮತ್ತು ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸಕ್ಕೆ ಅನುಗುಣವಾಗಿ ಕ್ರಿಯಾತ್ಮಕ ಘಟಕಗಳನ್ನು ಸಹ ಒದಗಿಸುತ್ತದೆ. ನೀವು Nuxt.js ಮಾಡ್ಯೂಲ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ Nuxt.js ಯೋಜನೆಗಳಿಗೆ BootstrapVue ಅನ್ನು ಸುಲಭವಾಗಿ ಸಂಯೋಜಿಸಬಹುದು.

 

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ CSS ಫ್ರೇಮ್‌ವರ್ಕ್ ಅನ್ನು ಬಳಸುವ ರೀತಿಯಲ್ಲಿಯೇ ಇದನ್ನು ಸಹ ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ಸುಮಾರು 12.9k ನಕ್ಷತ್ರಗಳು ಮತ್ತು 1.7k ಫೋರ್ಕ್‌ಗಳೊಂದಿಗೆ Github ನಲ್ಲಿ ತೆರೆದ ಮೂಲವಾಗಿದೆ.

 

5. ವ್ಯೂಸಾಕ್ಸ್

 

Vuesax ಒಂದು ಹೊಸ UI ಕಾಂಪೊನೆಂಟ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಆಗಿದ್ದು, ಪ್ರಾಜೆಕ್ಟ್‌ಗಳನ್ನು ಸುಲಭವಾಗಿ ಮತ್ತು ಅನನ್ಯ ಮತ್ತು ಆಹ್ಲಾದಕರ ಶೈಲಿಯೊಂದಿಗೆ ಮಾಡಲು Vuejs ನೊಂದಿಗೆ ರಚಿಸಲಾಗಿದೆ, vuesax ಅನ್ನು ಮೊದಲಿನಿಂದಲೂ ರಚಿಸಲಾಗಿದೆ ಮತ್ತು ಮುಂಭಾಗದ ಪ್ರೇಮಿಯಿಂದ ಹಿಡಿದು ಬ್ಯಾಕೆಂಡ್‌ಗೆ ತಮ್ಮ ದೃಶ್ಯ ವಿಧಾನವನ್ನು ಸುಲಭವಾಗಿ ರಚಿಸಲು ಬಯಸುವ ಎಲ್ಲಾ ರೀತಿಯ ಡೆವಲಪರ್‌ಗಳಿಗಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಅಂತಿಮ ಬಳಕೆದಾರ. ವಿನ್ಯಾಸಗಳು ಪ್ರತಿ ಘಟಕಕ್ಕೆ ಅನನ್ಯವಾಗಿವೆ ಮತ್ತು ಯಾವುದೇ ದೃಶ್ಯ ಪ್ರವೃತ್ತಿಗಳು ಅಥವಾ ವಿನ್ಯಾಸ ನಿಯಮಗಳಿಗೆ ಲಂಗರು ಹಾಕಿಲ್ಲ, ಅದರೊಂದಿಗೆ ನಿರ್ಮಿಸಲಾದ ಯೋಜನೆಗಳನ್ನು ಅನನ್ಯವಾಗಿಸುತ್ತದೆ.

 

ಇದು ಸ್ಪಂದಿಸುವ ಪುಟಗಳು ಮತ್ತು ಮರುಬಳಕೆ ಮಾಡಬಹುದಾದ ಮತ್ತು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ UI ಘಟಕಗಳನ್ನು ನೀಡುತ್ತದೆ. npm ಅಥವಾ CDN ಬಳಸಿ ಪ್ರಾರಂಭಿಸುವುದು ಸಹ ಸುಲಭ. ಇದು ಪ್ರಸ್ತುತ ಅದರ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಯಲ್ಲಿ Vue CLI 3 ಅನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ. ಇದು ಸುಮಾರು 4.9k ನಕ್ಷತ್ರಗಳು ಮತ್ತು 6700 ಸಾಪ್ತಾಹಿಕ ಡೌನ್‌ಲೋಡ್‌ಗಳ NPM ನೊಂದಿಗೆ Github ನಲ್ಲಿ ತೆರೆದ ಮೂಲವಾಗಿದೆ.

 

6. ಇರುವೆ ವಿನ್ಯಾಸ ವ್ಯೂ

 

ಆಂಟ್ ಡಿಸೈನ್ ವ್ಯೂ ಆಂಟ್ ಡಿಸೈನ್ ವಿವರಣೆಯನ್ನು ಆಧರಿಸಿದೆ, ಆಂಟ್ ಡಿಸೈನ್ ವ್ಯೂ ಎಂಬುದು ವ್ಯೂ ಯುಐ ಲೈಬ್ರರಿಯಾಗಿದ್ದು ಅದು ಶ್ರೀಮಂತ, ಸಂವಾದಾತ್ಮಕ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಉತ್ತಮ-ಗುಣಮಟ್ಟದ ಘಟಕಗಳು ಮತ್ತು ಡೆಮೊಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.

 

Ant-design-vue ನಿಮ್ಮ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಾದ ಅಸ್ಥಿಪಂಜರ, ಡ್ರಾಯರ್, ಅಂಕಿಅಂಶಗಳು ಮತ್ತು ಇನ್ನೂ ಹೆಚ್ಚಿನದನ್ನು ಶ್ರೀಮಂತಗೊಳಿಸಲು ಸಾಕಷ್ಟು UI ಘಟಕಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ.

 

ಆಂಟ್ ಡಿಸೈನ್ ವ್ಯೂ ಆವೃತ್ತಿ 2 ರ ಇತ್ತೀಚಿನ ಬಿಡುಗಡೆಯೊಂದಿಗೆ, ಅದನ್ನು ವೇಗವಾಗಿ ಮತ್ತು ಸಂಯೋಜಿಸಲು ಸುಲಭವಾಗುವಂತೆ ನವೀಕರಿಸಲಾಗಿದೆ, ಸಣ್ಣ ಬಂಡಲ್ ಗಾತ್ರ, ಮತ್ತು Vue 3, ಹೊಸ ಸಂಯೋಜನೆ API ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ. ಇದು ಆಧುನಿಕ ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳು, ಸರ್ವರ್-ಸೈಡ್ ರೆಂಡರಿಂಗ್ ಮತ್ತು ಎಲೆಕ್ಟ್ರಾನ್ ಅನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ. ಇದು Github ನಲ್ಲಿ 13k ಸ್ಟಾರ್‌ಗಳನ್ನು ಹೊಂದಿದೆ ಮತ್ತು 39,693 ವಾರದ NPM ಡೌನ್‌ಲೋಡ್‌ಗಳಲ್ಲಿ ಹೊಂದಿದೆ.

 

7. ಕ್ವೇಸರ್

 

Quasar ಅತ್ಯುತ್ತಮ Vue UI ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ, ಇದು ಬಾಕ್ಸ್‌ನ ಹೊರಗೆ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳೊಂದಿಗೆ Quasar CLI ಮೂಲಕ ಎಲ್ಲಾ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಿಗೆ ಒಂದು ಮೂಲ ಕೋಡ್ ಬೇಸ್ ಅನ್ನು ಬಳಸಲು ಡೆವಲಪರ್‌ಗಳಿಗೆ ಅವಕಾಶ ನೀಡುತ್ತದೆ. ಇದು ಡೆವಲಪರ್‌ಗಳು ತಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ನ ವಿಷಯದ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಲು ಅವಕಾಶ ನೀಡುತ್ತದೆ, ಅದರ ಸುತ್ತಲಿನ ಎಲ್ಲಾ ಬಾಯ್ಲರ್ ಪ್ಲೇಟಿಂಗ್ ಸ್ಟಫ್ (ಬಿಲ್ಡ್ ಸಿಸ್ಟಂ, ಲೇಔಟ್) ಗಿಂತ. ಇದು ಮೆಟೀರಿಯಲ್ 2.0 ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಅನುಸರಿಸುವುದರ ಮೇಲೆ ಕೇಂದ್ರೀಕೃತವಾಗಿದೆ ಮತ್ತು ಬಹಳ ಬೆಂಬಲ ಸಮುದಾಯವನ್ನು ಹೊಂದಿದೆ.

 

ಕ್ವಾಸಾರ್‌ನ ವಿಶೇಷ ವಿಷಯವೆಂದರೆ ಒಮ್ಮೆ ಕೋಡ್ ಅನ್ನು ಬರೆಯುವ ಸಾಮರ್ಥ್ಯ ಮತ್ತು ಏಕಕಾಲದಲ್ಲಿ ಅದನ್ನು ವೆಬ್‌ಸೈಟ್, ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್‌ನಂತೆ ಕೇವಲ ಒಂದು ಕೋಡ್‌ಬೇಸ್ ಬಳಸಿ ನಿಯೋಜಿಸುವ ಸಾಮರ್ಥ್ಯ. ಪ್ರಸ್ತುತ ಬೀಟಾದಲ್ಲಿ ಹೊಸ ಆವೃತ್ತಿಯೂ ಇದೆ, ಇದು vue 3 ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಇದು Github ನಲ್ಲಿ ಸುಮಾರು 17.8k ನಕ್ಷತ್ರಗಳನ್ನು ಹೊಂದಿದೆ.

 

8. ಬ್ಯೂಫಿ

 

ಬ್ಯೂಫಿ ಎಂಬುದು ಬುಲ್ಮಾ (ಸಿಎಸ್ಎಸ್ ಫ್ರೇಮ್‌ವರ್ಕ್) ಆಧಾರಿತ ವ್ಯೂ ಜೆಎಸ್‌ಗಾಗಿ ಹಗುರವಾದ ಯುಐ ಕಾಂಪೊನೆಂಟ್ ಲೈಬ್ರರಿಯಾಗಿದೆ. Buefy Bulma ಅನ್ನು Vue ನೊಂದಿಗೆ ಸಂಯೋಜಿಸುತ್ತದೆ, ಕನಿಷ್ಠ ಕೋಡ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಉತ್ತಮ-ಕಾಣುವ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಬುಲ್ಮಾ ಇಂಟರ್‌ಫೇಸ್‌ಗಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೇಯರ್ ಆಗಿದೆ.

 

ಇದು ಸಾಮಾನ್ಯ ವೆಬ್‌ಪುಟದಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ಅಥವಾ ಏಕ ಘಟಕಗಳನ್ನು ಆಮದು ಮಾಡಿಕೊಳ್ಳಬಹುದು. ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ಅದನ್ನು ಸಂಯೋಜಿಸುವುದು ತುಂಬಾ ಸುಲಭ, ಇದನ್ನು npm ಅಥವಾ CDN ಬಳಸಿ ಮಾಡಬಹುದು.

 

Buefy ಸಿದ್ಧ UI ಘಟಕಗಳು, ಲೇಔಟ್ ಮತ್ತು ಐಕಾನ್‌ಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ಘಟಕಗಳು ನಿಮ್ಮ ಥೀಮ್‌ಗೆ SASS ಅನ್ನು ಬಳಸಬಹುದು. ಇದು ಆಧುನಿಕ ಬ್ರೌಸರ್‌ಗಳನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ.

 

9. Vue ಮೆಟೀರಿಯಲ್

 

ವ್ಯೂ ಮೆಟೀರಿಯಲ್ ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲಾಗುವ, ಹಗುರವಾದ ಚೌಕಟ್ಟಾಗಿದ್ದು ಅದು ಮೆಟೀರಿಯಲ್ ವಿನ್ಯಾಸದ ವಿಶೇಷಣಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತದೆ. ಇದು Vue.js ಮತ್ತು ಮೆಟೀರಿಯಲ್ ಡಿಸೈನ್ ಸ್ಪೆಕ್ಸ್ ನಡುವಿನ ಅತ್ಯುತ್ತಮ ಏಕೀಕರಣವಾಗಿದೆ! ಸುಲಭವಾದ API ಮೂಲಕ ನಿಮ್ಮ ಎಲ್ಲಾ ಅಗತ್ಯಗಳಿಗೆ ಸರಿಹೊಂದುವಂತೆ ನೀವು ಅದನ್ನು ಸುಲಭವಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಬಹುದು.

 

ಇದು ಎಲ್ಲಾ ಆಧುನಿಕ ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸ ಮತ್ತು ಬೆಂಬಲದೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ. ಲೈಬ್ರರಿಯನ್ನು ಥೀಮ್‌ಗಳು, ಘಟಕಗಳು ಮತ್ತು UI ಎಲಿಮೆಂಟ್‌ಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ. ಥೀಮ್‌ಗಳು ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ಥೀಮ್ ಮಾಡುವುದು (ಅಥವಾ ನಿಮ್ಮ ಸ್ವಂತ ಥೀಮ್‌ಗಳನ್ನು ಬರೆಯುವುದು) ಮತ್ತು ಘಟಕಗಳು ಮತ್ತು UI ಅಂಶಗಳು ಲೇಔಟ್‌ಗಳು, ನ್ಯಾವಿಗೇಷನ್, ಮುದ್ರಣಕಲೆ, ಐಕಾನ್‌ಗಳು ಮತ್ತು 30 ಹೆಚ್ಚಿನ ಘಟಕಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ ಎಂಬುದರ ಕುರಿತು ನಿರ್ಣಾಯಕ ಮಾರ್ಗದರ್ಶಿಯನ್ನು ನೀಡುತ್ತವೆ. ಇದು Github ನಲ್ಲಿ ಸುಮಾರು 9.2k ನಕ್ಷತ್ರಗಳು ಮತ್ತು 1.1k ಫೋರ್ಕ್‌ಗಳನ್ನು ಹೊಂದಿದೆ ಮತ್ತು 21k + ಸಾಪ್ತಾಹಿಕ ಡೌನ್‌ಲೋಡ್‌ಗಳು NPM.

 

10. ಕೀನ್‌ಯುಐ

 

KeenUI ಒಂದು ಹಗುರವಾದ vue.js UI ಲೈಬ್ರರಿಯಾಗಿದ್ದು, Google ನ ವಸ್ತು ವಿನ್ಯಾಸದಿಂದ ಪ್ರೇರಿತವಾದ ಸರಳ API. ಕೀನ್ UI ಒಂದು CSS ಫ್ರೇಮ್‌ವರ್ಕ್ ಅಲ್ಲ. ಆದ್ದರಿಂದ, ಇದು ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್, ಮುದ್ರಣಕಲೆ, ಇತ್ಯಾದಿಗಳಿಗೆ ಶೈಲಿಗಳನ್ನು ಒಳಗೊಂಡಿಲ್ಲ. ಬದಲಿಗೆ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಗತ್ಯವಿರುವ ಸಂವಾದಾತ್ಮಕ ಘಟಕಗಳ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸಲಾಗಿದೆ.

 

ಇದು ಸುಮಾರು 30 ಮರುಬಳಕೆಯ ಘಟಕಗಳನ್ನು ಹೊಂದಿದೆ. SASS ವೇರಿಯೇಬಲ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಶೈಲಿಗಳನ್ನು ಅತಿಕ್ರಮಿಸುವ ಮೂಲಕ ಘಟಕಗಳನ್ನು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾಗಿದೆ. CDN ಅಥವಾ npm ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಯೋಜನೆಗೆ ನೀವು ಅದನ್ನು ಸಂಯೋಜಿಸಬಹುದು. ಇದು ತೆರೆದ ಮೂಲವಾಗಿದೆ ಮತ್ತು Github ನಲ್ಲಿ ಸುಮಾರು 4k ನಕ್ಷತ್ರಗಳನ್ನು ಹೊಂದಿದೆ.

 

ತೀರ್ಮಾನ

 

UI ಕಾಂಪೊನೆಂಟ್ ಲೈಬ್ರರಿಗಳು ಖಂಡಿತವಾಗಿಯೂ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಹೆಚ್ಚು ಸುಲಭವಾಗಿ ನಿರ್ಮಿಸುತ್ತವೆ. ಸರಿಯಾದದನ್ನು ಆರಿಸುವುದು ನೀವು ಕೆಲಸ ಮಾಡಲು ಬಯಸುವ ಯೋಜನೆಯ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ. ಹೊಸ ಯೋಜನೆಗೆ ಧುಮುಕುವ ಮೊದಲು, ಉದ್ದೇಶಕ್ಕಾಗಿ ಹೆಚ್ಚು ಸೂಕ್ತವಾದ UI ಘಟಕ ಲೈಬ್ರರಿಯನ್ನು ಪರಿಶೀಲಿಸುವುದು ಸೂಕ್ತವಾಗಿದೆ.