1、Element Plus : 由餓了么團隊開發,是目前流行度很廣的一款前端UI框架,非常優秀!基于全新的Vue3(當然也有Vue2版本),提供了豐富的UI組件和樣式,性能和開發體驗都非常棒,可以幫助開發者快速構建現代化的UI界面,非常適合初學者學習和使用。
官方地址:
https://element-plus.gitee.io/zh-CN/
php中文網即將開班的第24期PHP線上班《Vue3+ThinkPHP6 前后端分離的大型電商項目》,選擇的就是 Element Plus 前端UI框架。
Tips:php中文網第24期《php小白到大牛必經之路》線上直播班,將于2023.5.18號開班!
2、Ant Design:由阿里巴巴螞蟻金服前端團隊開發的一款基于React的組件庫,提供了豐富的UI組件和樣式,支持定制化和國際化,適用于企業級應用的開發。
官方地址:
https://ant.design/index-cn
https://github.com/ant-design/ant-design
3、Ant Design Vue:是一個基于Vue.js的UI組件庫,是Ant Design的Vue版本,也是一個非常優秀的前端UI框架,適合Vue.js開發者使用,可以滿足各種不同的UI設計需求。
php中文網第18期線上班實戰項目用的就是 Ant Design Vue,學員們反饋還不錯!
官方地址:
https://github.com/vueComponent/ant-design-vue
4、Navie UI:前端框架Vue.js作者尤雨溪推薦的一款UI框架,組件設計比較精美,組件庫比較豐富,主題可調,基于全新的Vue3,沒有Vue2版本,TypeScript可用。完全免費,更新維護的效率非常高。個人感覺:UI設計豐富且流行,還有點炫酷。
官方地址:
https://www.naiveui.com/zh-CN/os-theme
https://github.com/tusen-ai/naive-ui
5、View UI Plus:基于最新的Vue3,TypeScript可用。組件豐富,設計簡潔、精美,它比較適合數據型、表格型眾多的系統,像企業ERP系統,另一個就是它在移動端展示的效果也比較理想,平時我們做響應式布局,PC端和移動端共用一套代碼的時候,它是個不錯的選擇。
官方網地址:
https://www.iviewui.com/
https://github.com/view-design/ViewUIPlus
6、Vant:由有贊團隊開發的一款基于Vue.js框架的輕量級移動端UI框架,提供了輕量級的UI組件和樣式,適用于快速構建移動端Web應用。
官方地址:
https://vant-contrib.gitee.io/vant/#/zh-CN
https://github.com/youzan/vant
7、LayUI:這是一款非常有情懷的UI框架,前端大神賢心傾情開發。UI設計簡潔精美,風格簡約輕盈,個人感覺是看起來最舒服的UI組件庫,很多網站在用,包括php中文網。
可惜的是它是基于jQuery的,沒有Vue版本,官網也已經下線,遷移到了gitee。
以下是在gitee的官方地址:
https://gitee.com/layui/layui
另外在php中文網有保存鏡像:
https://www.php.cn/doc/layui/
8、layui-vue:如果你喜歡Layui的UI設計,又在用Vue3,可以嘗試一下第三方開發的:layui-vue,仿Layui設計,支持Vue3。
官方地址:
http://www.layui-vue.com/zh-CN/index