15 dari Perpustakaan Komponen UI Vue yang Paling Menarik untuk 2020

Perpustakaan Komponen UI Vue yang Menarik


"Mengapa repot-repot dengan pustaka komponen Vue UI?" Nah, Vue, atau Vue.js, adalah pustaka JavaScript populer yang dapat Anda gunakan untuk membuat aplikasi dinamis di ujung depan. Sejak awal yang sederhana pada tahun 2014, ia telah mengumpulkan momentum dalam dua tahun terakhir. Vue telah muncul sebagai pesaing utama untuk Angular dan Bereaksi, dan salah satu alasan popularitas Vue adalah luasnya penggunaan komponen, yang membuat pengembangan lebih mudah untuk dipahami.

Dalam posting ini, kami membahas beberapa pustaka komponen UI Vue yang paling menarik Anda harus melihat dulu. Mereka pasti akan berguna jika Anda memiliki aplikasi Vue dalam karya!

1. Kit Bahan Vue

kit bahan vue

Vue Material Kit adalah pintasan luar biasa yang dapat Anda gunakan untuk mempercepat proses desain / pengembangan saat membangun situs atau aplikasi web baru. Pengetahuan dasar tentang JavaScript, Vuejs dan Vue Router diperlukan, tetapi selain itu, paket ini cukup mudah untuk dipahami, dan indah.

Ada 60 komponen kerajinan tangan sebagai bagian dari kit, dua plugin yang disesuaikan, dan tiga halaman contoh.

2. Verifikasi

Vuetify Home Page

Vuetify adalah framework over Vue, yang memungkinkan Anda membuat komponen UI yang bersih, semantik, dan dapat digunakan kembali. Ini bekerja dengan Server Side Rendering (SSR) Vue.

Apa yang membuat Vuetify pilihan yang menarik di antara pustaka komponen UI Vue terbaik adalah ketersediaan perancah siap pakai untuk kode – dalam bentuk templat vue-cli yang sudah dibuat sebelumnya. Ini membantu Anda memulai dengan cepat. Vuetify juga memiliki komunitas yang bagus dan pembaruan rutin.

3. Buefy

Buefy

Buefy adalah pustaka komponen UI ringan berdasarkan Vue dan Bulma, kerangka kerja CSS. Kerangka kerja ini, meskipun dibundel dengan Bulma, kurang dari 100 KB.

Jika Anda merasa nyaman dengan SASS, Anda akan merasa seperti di rumah sendiri Kemiripan Buefy dengan SASS. Yang sedang berkata, sementara Buefy menyediakan daftar komponen yang siap pakai untuk digunakan untuk aplikasi pemula, Anda mungkin menemukan itu tidak cukup jika bekerja pada proyek besar.

4. Bahan Vue

Bahan Vue

Vue Material adalah perpustakaan yang dapat diskalakan yang dirancang dengan spesifikasi desain terbaru Google. Perpustakaan berisi komponen yang berguna untuk memudahkan proses pembuatan shell aplikasi yang kompleks.

Dengan lebih dari 1,7 juta unduhan, ia menawarkan perpustakaan yang ringan untuk membangun aplikasi yang sesuai pada setiap layar. Pustaka Vue Material kompatibel dengan browser web modern dan API-nya ramah pemula, menjadikannya sempurna untuk daftar 2020 kami.

5. Ikan-UI

UI ikan

Fish UI adalah toolkit pustaka komponen Vue UI yang ringan, dengan dukungan untuk webpack dan ES2015.

Pada saat penulisan, proyek ini hanya memiliki lima kontributor. Namun, ada beberapa aktivitas dalam sebulan terakhir, yang menunjukkan bahwa itu masih aktif. Anda bisa menuju ke dokumentasi proyek untuk mencobanya!

6. Quasar

Quasar

Quasar adalah kerangka ujung depan berdasarkan Vue. Anda harus mempertimbangkannya jika Anda berencana untuk bekerja pada aplikasi web dan seluler yang responsif. Ini adalah kerangka kerja lengkap yang mendukung fitur seperti minifikasi dan caching – di samping komponen untuk kerangka kerja Anda. Pada Mei 2020, sudah berakhir 14.6k bintang di GitHub.

Quasar mungkin adalah yang paling luas dari semua pustaka komponen Vue UI yang telah kita bahas di sini. Ini memiliki dokumentasi yang mendalam dan implementasi end-to-end yang kuat.

7. Vux

Vux

Vux adalah kerangka kerja berdasarkan WeUI dan WeUI webpack, di atas Vue. Namun, dokumentasi sebagian besar dalam bahasa Cina, dengan terjemahan bahasa Inggris yang minimal. Vux terutama menekankan pada pengembangan cepat komponen seluler untuk aplikasi Anda.

Disini adalah demo langsung Vux, yang mencantumkan semua komponen dan rendernya di browser.

8. Elemen

Elemen

Elemen adalah pustaka komponen UI untuk web yang juga memiliki versi untuk Reaksi dan Sudut, selain Vue. Pustaka komponen ini secara khusus berfokus pada aplikasi desktop, karena komponennya tidak responsif.

Elemen, juga, memiliki dokumentasi yang signifikan dalam bahasa Mandarin, meskipun terjemahan bahasa Spanyol dan Inggris disediakan. Penutur Tionghoa non-pribumi harus melalui dokumentasi internasionalisasi sebelum menggunakan Elemen dalam proyek mereka.

9. Tertarik-UI

Dokumentasi UI yang tajam

Keen-UI, tidak seperti kebanyakan pustaka komponen UI Vue lainnya yang ditampilkan dalam artikel ini, berfokus pada interaktivitas melalui JavaScript daripada komponen visual. Keen-UI terinspirasi oleh Desain Material Google, dan dilengkapi dengan API yang mudah digunakan.

UI yang tajam tidak mengulangi kebutuhan untuk digunakan di seluruh aplikasi Anda dan memiliki beberapa komponen berguna yang dapat ditempatkan secara strategis di mana pun diperlukan. Oleh karena itu, Keen UI adalah pilihan yang baik ketika menambahkan fitur berulang ke aplikasi yang ada.

10. AT-UI

AT-UI

AT-UI adalah pustaka komponen Vue UI lainnya dengan fokus pada aplikasi desktop.

AT-UI menyediakan komponen UI datar untuk aplikasi web Anda. Ada 14 kontributor dan tidak banyak dukungan yang tersedia, meskipun ada template pemula di GitHub bisa Anda gunakan.

11. Mint-UI

Mint-UI

Mint UI adalah pustaka komponen Vue UI yang ringan yang didasarkan pada kompiler Babel JavaScript. Ukuran kecil dari paket ini membuatnya cocok untuk digunakan dalam aplikasi seluler. Mint UI menyediakan tema mirip iOS untuk komponen aplikasi Anda. Disini adalah sebuah demo komponen Mint UI.

Mint UI memiliki lebih dari 15 ribu bintang di GitHub. Pengembangan kerangka kerja ini masih berjalan lancar, dengan komitmen baru ke cabang utama pada pertengahan Januari. Namun, pandangan sekilas ke pelacak masalah di GitHub akan memberi tahu Anda bahwa Mint UI melayani pengembang Cina, yang terpenting.

12. VuePress

VuePress

VuePress adalah generator situs statis berdasarkan Vue. Kerangka kerja ini menggunakan webpack untuk membuat halaman HTML statis yang sudah dirender sebelumnya (bagaimana dengan situs WordPress statis?), Yang membuat pemrosesan jauh lebih cepat.

Penggunaan VuePress membuka banyak kemungkinan untuk proyek Anda – seperti mengotomatiskan proses dokumentasi Anda. Mudah untuk diintegrasikan ke dalam aplikasi Anda yang sudah ada juga. Namun, kekurangan yang cukup besar adalah bahwa dukungan SEO masih baru, dan dokumennya belum fokus pada topik ini.

13. Eagle.js

Eagle.js

Eagle.js adalah kerangka kerja di Vue yang memungkinkan pengembang untuk membuat tampilan slide dalam aplikasi web. Ada banyak tema, animasi, widget, dan gaya untuk dipilih dan disesuaikan di Eagle.js.

Meskipun Eagle.js memberikan sejumlah contoh yang baik di situs demo, dokumentasi masih minim. Alternatif yang jelas untuk Eagle.js adalah Reveal.js, kerangka kerja JavaScript mandiri untuk slideshow web. Namun, Eagle.js mengatasi kelemahan terbesar dengan Reveal.js – kekakuan struktur slideshow.

14. Bootstrap-Vue

Bootstrap-Vue

Bootstrap-Vue membawa kekuatan Bootstrap, pustaka CSS yang banyak digunakan, ke Vue. Ini memberi Anda komponen UI yang tersedia dan sistem grid, ditambah semuanya mobile-first dan responsif. Selanjutnya, komponen perpustakaan ini kompatibel dengan pedoman WAI-ARIA untuk aksesibilitas web. Mengikuti filosofi Bootstrap untuk membuat komponen UI dengan cepat, Bootstrap-Vue memungkinkan pengembang untuk memulai proyek dengan cepat.

Itu dokumentasi sangat luas dan dukungan masyarakat kuat, yang menjadikannya pilihan yang aman bagi seseorang untuk memulai proyek.

15. iView UI

iView-UI

iView UI adalah perpustakaan di Vue yang menyediakan komponen dan widget UI, dengan fokus pada desain yang rapi. iView memiliki alat antarmuka baris perintah (CLI) sendiri, iView-cli, yang menyediakan alat visual untuk perancah komponen dan versi offline dokumentasi. Itu dipelihara secara aktif, dengan pembaruan rutin menyelesaikan bug dan menambahkan fitur.

Jika Anda menggunakan iView dalam proyek Anda, berikut adalah a starter kit, yang akan membantu Anda memulai dengan penggunaan dasar perpustakaan.

Pustaka komponen UI Vue mana yang akan dipilih?

Kami telah mendaftarkan 15 pustaka komponen UI Vue di sini yang menjalankan berbagai fungsi, tetapi yang mana yang terbaik? Yah, jawabannya, seperti biasa, adalah "tergantung." Jika Anda menginginkan solusi lengkap, Anda mungkin ingin memilih Quasar. Di sisi lain, jika Anda mencari solusi plug-and-play untuk proyek Anda yang ada, Anda mungkin ingin melanjutkan Verifikasi atau Tertarik-UI.

Pustaka komponen Vue UI mana yang Anda gunakan dalam proyek Anda? Beri tahu kami di komentar Anda di bawah ini.

Anda mungkin juga tertarik dengan artikel ini:

  • Templat Dasbor Admin Angular Terbaik

Jangan lupa untuk bergabung dengan kursus kilat kami tentang mempercepat situs WordPress Anda. Dengan beberapa perbaikan sederhana, Anda dapat mengurangi waktu loading hingga 50-80%:

* Posting ini berisi tautan afiliasi, yang berarti bahwa jika Anda mengklik salah satu tautan produk dan kemudian membeli produk, kami akan menerima sedikit biaya. Namun jangan khawatir, Anda masih akan membayar jumlah standar sehingga tidak ada biaya dari pihak Anda.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map