更新于:2020-1-7
如果不亲自,且全面地了解一下前端,都不知道自己有多落后。
本文所给的 UI 框架,几乎都能包含手机上,模仿原生控件的所有 UI组件,而像Element UI 等优秀的组件,没有专门的移动端组件,所以未收集。
本文只对移动端web 框架作收集。
web 前端的框架很多,我们都希望选一个最优秀,和更适合自己的框架来构建项目,本文给出的排序和。
最终选定 Framework7(Base Vue + Webpack + cordova)
为什么要选它:
- 目前几乎可以说是国内外,几乎最火的一个移动端 UI框架,不依赖于原生端。
- Framework7的 UI 更丰富(对比于 Mint UI),如官方提供图片浏览,仿原生消息聊天控件等。
- 通过文档介绍对比,官方提供Framwork7的文档与教程,几乎是可以碾压饿了么的。
- 更完整的前端开发解决方案,如Cli, Icons, Support React, Community Forum等等
排序不分先后,git Star仅供参考
1. OnsenUI
git star 7.8k
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js. https://onsen.io/
2. Framework7
git star 14.4k
Full featured HTML framework for building iOS & Android apps http://framework7.io
3.Mint UI
git star 15.1k
饿了么的移动前端框架
4.Ratchet
git star 14.4k
Build mobile apps with simple HTML, CSS, and JavaScript components. http://goratchet.com
5.Ant Design Mobile
git star 7.9k
一个基于 Preact / React / React Native 的 UI 组件库
6.Vant
git star 12.2K
Lightweight Mobile UI Components built on Vue https://youzan.github.io/vant
7.Cube UI
git star 7.6K
A fantastic mobile ui lib implement by Vue https://didi.github.io/cube-ui/
8.Muse-UI
git star 7.9K
Material Design UI library for Vuejs 2.0 https://muse-ui.org
9.MUI
git star 12.4K
性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。
mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。
10.Vonic
git star 3.3K
Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents
11.SUI Mobile
git star 6.2K
MSUI 是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
12.AmazeUI
git star 13.4K
Amaze UI, a mobile-first and modular front-end framework. http://amazeui.org/
最近一次更新是在3年前,已经不维护了,需要慎重选择
13. NutUI
git star 1.5K
轻量级移动端Vue组件库 (A Vue.js 2.0 UI Toolkit for Mobile Web) https://nutui.jd.com
收集过程中遇到的PC-web框架
1.Element UI
git star 23.2k
2.Vuetifyjs
另有Vue-Blu,Weex,Keen UI, Bootstrap Vue,Vue Material,Lonic,Gulp,LayUI,Foundation-sites等也非常不错,供以后使用。