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