我是愛(ài)喝啤酒的友，點(diǎn)擊右上方“關(guān)注”，每天為你分享開(kāi)源作品與互聯(lián)網(wǎng)垂直領(lǐng)域干貨。
我推薦一下這些還不錯(cuò)的免費(fèi)開(kāi)源UI框架，喜歡哪個(gè)自己挑，總有合適你的。
ColorUI
開(kāi)源地址:https://github.com/weilanwl/ColorUI
組件精美，色彩十分鮮艷。每一個(gè)樣式都是一個(gè)獨(dú)立的class，都是封裝好的css。
ColorUI是一個(gè)純css庫(kù)，在你引入樣式后可以根據(jù)class來(lái)調(diào)用組件。需要使用者打開(kāi)main.css和demo看一下里面的內(nèi)容，一些含有交互的操作我也有簡(jiǎn)單寫，可以為你開(kāi)發(fā)提供一些思路。
demo圖
Lin UI
開(kāi)源地址:https://github.com/TaleLin/lin-ui
Lin UI 是基于 微信小程序原生語(yǔ)法 實(shí)現(xiàn)的組件庫(kù)。遵循簡(jiǎn)潔，易用的設(shè)計(jì)規(guī)范。
wxs模塊 、高級(jí)組件 、 電商組件模塊 等等。 例如，在電商項(xiàng)目里常用的 SKU聯(lián)動(dòng)選擇 ，城市選擇器 等。
在微信小程序原生開(kāi)發(fā)的時(shí)候我使用過(guò)該框架，感覺(jué)瀑布流和吸頂還可以。喜歡的話可以自己去體驗(yàn)一下。
uView UI
開(kāi)源地址:https://github.com/umicro/uView
uView1.0的時(shí)候我就已經(jīng)在使用了，在uniapp開(kāi)發(fā)多端的時(shí)候使用uview是個(gè)不錯(cuò)的選擇。uView永久開(kāi)源，永遠(yuǎn)免費(fèi)。
uView是uni-app生態(tài)專用的UI框架，uni-app 是一個(gè)使用 Vue.js 開(kāi)發(fā)所有前端應(yīng)用的框架，開(kāi)發(fā)者編寫一套代碼， 可發(fā)布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個(gè)平臺(tái)(引言自u(píng)ni-app網(wǎng))。
目前uView已經(jīng)更新到2.0了，這是一次重大的更新，2.0已全面兼容nvue，值得注意的是uView1.0是不支持直接升級(jí)到2.0的，所以在新項(xiàng)目中使用uView的話建議直接使用2.0版本的。
tm-vuetify UI
這是我新項(xiàng)目使用的ui框架，最大的感受就是tm-vuetify的輔助類太好用了。內(nèi)外邊距、圓角、彈性布局等，對(duì)于輔助類大家也可以獨(dú)立出來(lái)作為自己項(xiàng)目使用真的特別方便。
IjgW79.md.png
tm-vuetify在自定義自己的主題色也是做得非常的棒，支持生成自己喜歡的主題包，并且提供了生成工具。暗黑模式和亮色也可以簡(jiǎn)單的實(shí)現(xiàn)。大家不妨去試試！
Ijg0kn.md.png
因?yàn)檫@個(gè)開(kāi)源項(xiàng)目是作者一個(gè)人維護(hù)，大多數(shù)組件是兼容的，作者還沒(méi)有大量時(shí)間去每個(gè)平臺(tái)測(cè)試一次，所以每個(gè)平臺(tái)或許有bug或差異。
我喜歡整理出自己經(jīng)常使用的輔助類，再搭配一個(gè)自己喜歡的ui框架來(lái)使用。
最后，使用這些都是為了提高開(kāi)發(fā)效率，每款框架都很優(yōu)秀。我們都可以去學(xué)習(xí)和使用，大家可以根據(jù)自己的喜好去選擇。
覺(jué)得內(nèi)容對(duì)你你有幫助，記得順手關(guān)注 點(diǎn)贊永遠(yuǎn)是我持續(xù)寫作的動(dòng)力，謝謝你。
版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至 舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。
