在開發之前當然要調研一下，也豐富一下自己的技術棧。
1 Framework7
官網：http://www.framework7.cn/
簡介： Framework7是首選推薦使用的，相比後面介紹的兩個大廠團隊開發的來說Framework更成熟，社區活躍度更高，文檔也非常詳盡
知名度與活躍度
star數：15.3k（github）
最近一次commit：2019.3.14
組件特點
幾乎涵蓋了所有可能的在移動端的需求，不一一羅列了
Framework7 Vue
Framework7還有針對Vue，React的組件封裝版本
Framework7 Vue
2 FrozenUI
騰訊團隊開發，官網：http://frozenui.github.io/
簡介： FrozenUI 是一套基於移動端的UI庫。它非常輕量、精美，遵從手機QQ設計規範，提供了表單、對話框、列表等常用組件。此外，FrozenUI還提供文字截斷、1px邊框、rem、兩端留白等常用場景的解決方案。CSS做得更模塊化和顆粒化，使用sass編寫CSS代碼，你完全可以按照實際情況按需加載。
知名度與活躍度
star數：2.9k（github）
最近一次commit：2018.5.20
組件特點
- 組件看上去比較清爽，應該是幾個同類開源產品裏面看着最舒服的了
- 封裝了比較漂亮的提示（請求之後的提示，如失敗成功等）
- 豐富的彈窗，支持的彈窗種類很多
- 對flex佈局做了一些封裝
- 對列表佈局也有較多的封裝
- 有比較特別的左上角角標
- 專門定義了一套工具方法（包括1px邊框、rem適配、兩端留白等）
- 提供了移動端用的table
- （有專門的QQ會員圖標和會員開通欄）
劣勢
- 沒有支持picker
- 沒有日曆，日期相關組件
- 沒有路由
- 沒有支持下拉刷新和滾動加載
- 沒有提供icon
3 SUI Mobile
阿里巴巴國際UED前端出品的移動端UI庫，官網：https://sui.ctolog.com/
簡介： 主要借鑑 Framework7 的形態並以此爲基礎，參考Ratchet、Ionic、Onsen各種不同的思路，強化功能，精簡體積，並提供國內最穩定快速的CDN支持。此外還定製增強了一些工具類開源庫。
知名度與活躍度
原阿里團隊已經不再維護
github：https://github.com/sdc-alibaba/SUI-Mobile
star數：6.2k（github）
github最近一次提交：2016.11.10
後來有人fork了進行了更新，官網給出的倉庫地址就是這個：https://gitee.com/zoujingli/sui-mobile
最近一次提交：2018.4.3
組件特點
有基本頁面結構的要求，有一定的侵入性（不過無妨，也不影響單頁面的使用）
- 具有路由功能（不過這樣對頁面結構也就有了要求，你必須符合規定）
- 封裝了底部固定的工具欄
- 定義了側欄
- 定義了toast（但位置有點奇怪，太靠上了感覺）
- 定義了彈出整個新頁面的popup
- 封裝了一個很全面的日曆
- 支持picker（但裏面的字體是真難看）
- 定義了card
- 提供了夜間模式
- 擴展組件內有圖片輪播器、圖片瀏覽器、省市區選擇器
劣勢
- UI不太美觀，原生按鈕可以改，彈窗樣式也很少
- 提供了icon但很少
4 MintUI
官網：http://mint-ui.github.io/#!/zh-cn
**簡介：**基於Vue開發，餓了麼團隊，ElementUI的移動端，提供了基於Vue的組件
優劣評價
如果本身就是用Vue+ElementUI來進行開發，局部頁面需要適配移動端，那麼可以可以引入MintUI來使用一下，如果本身不使用Vue的話還是不太推薦使用。樣式做得一般，文檔也不是很豐富，FrozenUI和SUI-Mobile的文檔其實也就是那樣。
更多WebUI可參考此篇博文：https://www.cnblogs.com/Free-Thinker/p/10756386.html