設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Mobile端UI組件庫

1、Ant Design Mobile

組件介紹:一個基於 Preact / React / React Native 的 UI 組件庫

組件庫地址:https://mobile.ant.design/index-cn

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Ant Design

2、Frozen UI

組件介紹:是一套基於移動端的UI庫,輕量、精美、遵從手機QQ設計規範

組件庫地址:http://frozenui.github.io/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Frozen UI

3、SUI Mobile

組件介紹:輕量,小巧且精美的UI庫,方便迅速搭建手機H5應用

組件庫地址:https://sui.ctolog.com/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

SUI Mobile

4、Cube UI

組件介紹:基於 Vue.js 實現的精緻移動端組件庫

組件庫地址:https://didi.github.io/cube-ui/#/zh-CN

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Cube UI

5、Vant Weapp

組件介紹:Vant Weapp 是移動端 Vue 組件庫 Vant 的小程序版本,兩者基於相同的視覺規範,提供一致的 API 接口,助力開發者快速搭建小程序應用。

組件庫地址:https://youzan.github.io/vant/#/zh-CN/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Vant Weapp

6、MUI

組件介紹:最接近原生App體驗的前端框架,精練的代碼、適時的5+原生動畫調用,達到原生應用的體驗。

組件庫地址:https://www.dcloud.io/mui.html

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

MUI

7、QMUI

組件介紹:致力於提高項目 UI 開發效率,包括QMUI Web、QMUI iOS、QMUI Android。

組件庫地址:https://qmuiteam.com/ios

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

QMUI

8、Touch UI

組件介紹:Touch UI是一套完全免費的高質量移動端UI框架。 基於vue.js框架,精心打造了上百種的移動端UI組件,可以輕鬆開發webApp、微信公眾號、釘釘微應用等。

組件庫地址:http://www.wetouch.net/ui.html

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Touch UI

9、Mint UI

組件介紹:基於 Vue.js 的移動端組件庫。

組件庫地址:http://mint-ui.github.io/#!/zh-cn

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Mint UI

10、One UI 2

組件介紹:一個很容易使用的UI,可以快速瀏覽任何任務並減少重載。

組件庫地址:https://www.samsung.com/global/galaxy/apps/one-ui/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

One UI 2


WEB端UI組件庫

1、Ant Design

組件介紹:企業級產品設計體系,創造高效愉悅的工作體驗。

組件庫地址:https://ant.design/index-cn

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Ant Design

2、Ant Design Pro

組件介紹:開箱即用的中臺前端/設計解決方案。

組件庫地址:https://pro.ant.design/index-cn

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Ant Design Pro

3、iceworks 飛冰

組件介紹:簡單而友好的前端研發體系,海量可複用物料,搭配 IDE 極速構建前端應用

組件庫地址:https://ice.work/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

飛冰

4、View UI

組件介紹:一套基於 Vue.js 的高質量UI 組件庫

組件庫地址:https://www.iviewui.com/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

View UI

4、Element

組件介紹:一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫。

組件庫地址:https://element.eleme.cn/#/zh-CN

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Element

5、san-mui

組件介紹:一套為開發者、設計師和產品經理準備的基於 san 框架的組件庫,遵循 material design 規範,融入了開發常用的ui組件,幫助你快速搭建網站。

組件庫地址:https://ecomfe.github.io/san-mui/#/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

san-mui

6、LayUI

組件介紹:經典模塊化前端框架,由職業前端傾情打造,面向全層次的前後端開發者,低門檻開箱即用的前端 UI 解決方案。

組件庫地址:https://www.layui.com/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

LayUI

7、Admui

組件介紹:一款基於最新web技術的企業級通用管理系統快速開發框架,幫助企業極大的提高工作效率,節省開發成本,提升品牌形象。

組件庫地址:http://www.admui.com/?form=hplus

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Admui

8、Bootstrap

組件介紹:簡潔、直觀、強悍的前端開發框架,讓web開發更迅速、簡單。

組件庫地址:https://www.bootcss.com/

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

Bootstrap

9、AT UIKIT

組件介紹:一款輕量級、模塊化的前端 UI 組件庫

組件庫地址:https://at-ui.github.io/at-ui/#/zh

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

AT UIKIT

10、QuicK UI 4.0

組件介紹:7年沉澱造就最好的WEB開發框架,QuicK UI 4.0 的組件庫包含了一百多種組件,一千多個應用場景示例,囊括了web開發的各種應用場景。組件的使用也都非常簡單,能讓你的開發效率提高N倍。

組件庫地址:http://www.uileader.com/product_quickui.html

設計師值得收藏的10個Mobile端UI組件庫&10個WEB端UI框架

QuicK UI 4.0

以上都是在網絡中搜索整理,也非常歡迎各位留言補充更多更強大的組件庫。


分享到:


相關文章: