推薦常用的移動端、PC端、小程序的UI框架


 

 

1.移動端UI庫

①.Vant UI

優點:用來做移動端商城很不錯,支持定制主題,社區還算活躍

②.Mint UI

官方地址:http://mint-ui.github.io/#!/zh-cn

github地址:https://github.com/ElemeFE/mint-ui/

優點:餓了么團隊制作,組件比較豐富

缺點:已經很久沒人維護,也沒人接盤了

③.Muse UI

官方地址:https://muse-ui.org/#/zh-CN/usage

優點:PC+MOBILE一套就夠了

2.PC端前、后台UI庫

①.Element UI

官方地址:http://element-cn.eleme.io/#/zh-CN/component/installation

github地址:https://github.com/ElemeFE/element

優點:團隊給力,社區活躍,組件豐富

②.vue-element-admin

演示地址:https://panjiachen.github.io/vue-element-admin/

github地址:https://github.com/PanJiaChen/vue-element-admin

優點:前人造輪子,拿來直接用就可以

③.iView UI

官方地址:https://www.iviewui.com/docs/guide/install

github地址:https://github.com/iview/iview

優點:樣式好看,坑不算多,有自己的生態,比較穩定,同一作者寫的后台iView-admin

@iview-admin

github地址:https://github.com/iview/iview-admin

在線演示地址:https://admin.iviewui.com

3.小程序UI庫

①.iView Weapp

官方地址:https://weapp.iviewui.com/docs/guide/start

github地址:https://github.com/TalkingData/iview-weapp

優點:整體包結構比較小,樣式比較美觀

缺點:暫不支持npm安裝

②.Wux Weapp

官方地址:https://wux-weapp.github.io/wux-weapp-docs/#/quickstart

github地址:https://github.com/wux-weapp/wux-weapp/

優缺點同iView Weapp

③.Wuss Weapp

官方地址:https://phonycode.github.io/wuss-weapp/quickstart.html

github地址:https://github.com/phonycode/wuss-weapp

優點:支持npm安裝,組件較豐富

④.Color UI

官方地址:https://www.color-ui.com/

github地址:https://github.com/weilanwl/ColorUI

優點:樣式超級超級超級好看啊,不信他不火

缺點:文檔還在編寫中,組件目前不是很豐富

⑤.Vant Weapp

官方地址:https://youzan.github.io/vant-weapp/#/intro

github地址:https://github.com/youzan/vant-weapp

優點:支持npm安裝,組件豐富,合適做商城類小程序

⑥.MinUI

官方地址:https://meili.github.io/min/docs/minui/index.html

github地址:https://github.com/meili/min-cli

優點:蘑菇街團隊開發維護,樣式中規中矩

缺點:組件現在也不算太多


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM