適合開發小程序的十個開源UI庫
隨著微信小程序愈發火熱,各個公司都系統做一些自己的小程序產品,這時候,有一個好用的小程序UI組件庫,會大大提高咱們開發的效率。下面就分享幾個不錯的開源組件庫。
uni ui
uni-ui是DCloud提供的一個跨端ui庫,它是基于vue組件的、flex布局的、無dom的跨全端ui框架。
代碼地址
https://github.com/dcloudio/uni-app.git
uView UI
uView是uni-app生態專用的UI框架,uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼, 可發布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個平臺
代碼地址
https://github.com/umicro/uView2.0.git
vant-weapp
Vant 是一個輕量、可靠的移動端組件庫,于 2017 年開源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社區團隊維護 React 版本和支付寶小程序版本
代碼地址
https://github.com/youzan/vant-weapp.git
iview-weapp
一套高質量的微信小程序 UI 組件庫,組件比較豐富,但是目前已不再更新
代碼地址
https://github.com/TalkingData/iview-weapp.git
nutui
京東風格的輕量級 Vue 組件庫,支持移動端 H5 和 小程序開發,70+ 高質量組件,覆蓋移動端主流場景
代碼地址
https://github.com/jdf2e/nutui.git
wux-weapp
Wux Weapp 是一套組件化、可復用、易擴展的微信小程序 UI 組件庫。UI 樣式可配置,拓展靈活,輕松適應不同的設計風格,80+ 豐富的組件,能夠滿足移動端開發的基本需求
代碼地址
https://github.com/wux-weapp/wux-weapp.git
lin-ui
Lin UI 是基于 微信小程序原生語法 實現的組件庫。遵循簡潔,易用的設計規范。
代碼地址
https://github.com/TaleLin/lin-ui.git
ThorUI
Thor UI是包含uni-app和原生小程序雙重版本且輕量、簡潔的移動端組件庫。提供近百個高質量組件,覆蓋移動端各類場景,讓您的開發效率倍速提升!
ThorUI組件庫小程序原生版本,該開源版源碼為V1.4.2版本,后續更新版本付費會員才可使用.ThorUI組件庫,uni-app版本,v3編譯,支持nvue uni-app編譯模式(原weex編譯模式),easycom組件模式(無需手動引入,開發工具自帶智能感知)
代碼地址
https://github.com/dingyong0214/ThorUI.git代碼地址
https://github.com/dingyong0214/ThorUI-uniapp.git
FirstUI
First UI 是一套基于uni-app開發的組件化、可復用、易擴展、低耦合的跨平臺移動端UI 組件庫。全面兼容App-Nvue、App-vue、小程序(微信、支付寶、百度、字節、QQ)、H5。UI 樣式可配置,拓展靈活,輕松適應不同的設計風格,100+ 豐富的組件,能夠滿足移動端開發的基本需求,提供開箱即用的常用布局,極大程度節省開發成本
代碼地址
https://github.com/FirstUI/FirstUI.git
ColorUI
ColorUI提供了一系列簡單易用的 UI 組件和樣式庫,可以幫助開發者快速構建美觀、高效的 Web 應用程序。該框架的特點是簡單易用、清晰明了的代碼結構、豐富多彩的 UI 組件,并提供了大量的主題、配色方案和動畫效果,可以滿足不同項目的需求
代碼地址
https://github.com/weilanwl/coloruicss.git
ColorUI GA是基于ColorUI 2.0開發的輕量、可靠、開源的小程序原生css組件庫,理論上適用于其他支持css庫的所有平臺.在原組件庫的基礎上會增加部分樣式和模板
代碼地址
https://github.com/XiaokangLei/ColorUI-GA.git
隨著微信小程序愈發火熱,各大互聯網應用也爭先推出自己的App中的小程序功能,這時候有一個跨平臺的的框架顯得尤為重要,就目前支持跨平臺的小程序框架有美團mpvue、京東Taro、UniApp等。比較火熱的要數UniApp了。所以,支持UniApp的UI組件庫就顯得更加受歡迎。上面分享的目前依然在火熱更新支持的UI組件庫,當然也有很多優秀的但很久沒有更新的UI組件項目。如:WeUI,AntUI,MinUI等,大家也可以去看一下,給自己帶來更多的靈感。