當前位置: 妍妍網 > 碼農

都是 10K+ star!熱門Vue3 元件庫探索,2024年技術加速器!

2024-01-26碼農

* 戳上方藍字「 開源先鋒 」關註我

推薦閱讀:


大家好,我是開源君!

Vue3作為一種流行的JavaScript框架,以其革命性的創新——Composition API而備受矚目。

這個全新的功能為邏輯復用提供了前所未有的友好性和靈活性,使開發者們在構建套用時得心應手。

如果你正在使用Vue3,或者計劃在新的一年將你的計畫升級至Vue3,那麽你肯定不能錯過以下這些 Vue3 元件庫的探索體驗:

  • Element Plus

  • Vuetify

  • Naive UI

  • Arco Design Vue

  • TinyVue

  • Element Plus

    Element Plus 是一個基於 Vue.js 3.0 的開源元件庫,是 Element UI 的升級版本,提供了提供了超過 100 個元件,涵蓋了常用的 UI 元素,如按鈕、輸入框、表格、導航等,可以幫助開發人員快速構建高品質的 Web 應用程式。

    Element Plus 由螞蟻金服開源,遵循 MIT 授權證。它擁有龐大的使用者群和活躍的社群,並被廣泛用於企業級 Web 應用程式的開發。

    Github地址:https://github.com/element-plus/element-plus

    Vuetify

    Vuetify 是一個基於 Vue.js 的國外老牌Vue 元件庫,提供 Material Design 風格的元件和樣式,由 John Leider 建立,遵循 MIT 授權證。

    它擁有龐大的使用者群和活躍的社群,並被廣泛用於各種 Web 應用程式的開發。2022 年 11 月釋出 v3.0.0 正式版本,開始支持 Vue3。

    計畫地址:https://github.com/vuetifyjs/vuetify

    Naive UI

    Naive UI 是一個基於 Vue 3 的 UI 元件庫,由圖森未來公司建立,只支持 Vue3,不支持 Vue2。它的設計目標是簡單、易用和高效。

    Naive UI 提供了一套美觀、現代化的元件,可以幫助開發者快速構建使用者介面。它具有響應式的設計和可客製化的主題樣式,支持多種語言和國際化。

    GitHub:https://github.com/tusen-ai/naive-ui

    Arco Design Vue

    Arco Design Vue 是一個開源的、基於 Vue 的 UI 庫,由字節跳動旗下的火山引擎開發。它旨在提供現代、優雅的 UI 元件,以幫助開發人員快速構建高品質的企業級 Web 應用程式。

    Arco Design Vue 由一組小型、可重用的元件組成,易於組合以建立自訂 UI。它提供了全面的元件庫,可用於建立各種型別的 UI,包括導航、表單、列表、圖表等。Arco Design Vue 還提供了強大的工具和功能,可幫助開發人員建立高品質的 UI,例如主題配置、國際化、可存取性等。

    GitHub:https://github.com/arco-design/arco-design-vue

    TinyVue

    TinyVue是一套跨端、跨框架的企業級 UI 元件庫,由 OpenTiny 社群開發。它提供了 104 個元件,涵蓋了 UI 設計的各個方面,包括導航、表單、列表、圖表等。還提供了強大的工具和功能,可幫助開發人員建立高品質的 UI,例如主題配置、國際化、可存取性等。支持 PC 端和移動端。

    TinyVue 的核心特色是采用了 Renderless 無渲染元件設計架構,這一設計使得不同框架的元件庫能夠共享相同的元件邏輯。這種架構實作了跨平台和跨框架的相容性,使得在各種框架間實作無縫遷移和整合成為可能。

    GitHub:https://github.com/opentiny/tiny-vue