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