因业务需求，特调研了当前比较火的移动端UI框架，在此做一个汇总。
star数据是截止发文时间（2018-08-18），仅供参考。

一、【H5通用UI】

  • WeUI
    Star:19743

    WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

  • FrozenUI（QQ）
    Star:2635

    FrozenUI 是一套基于移动端的UI库，轻量、精美、遵从手机 QQ 设计规范。
    适用于使用手Q规范设计的Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题，并且可以按需选择需要的组件。
    使用iconfont展示图标，包含了按钮，列表，表单，提示，弹窗等常用组件，新增文本，布局，1px， rem，文字截断，占位，两端留白，两端对齐等解决方案，同时解决了移动端屏幕适配问题。
    CSS使用模块化的样式命名和组织规范，使用sass编写css代码。
    兼容android 2.3 +，ios 4.0 + 。

  • AUI Mobile
    Star:816

    AUI是为APICloud而打造的一个单纯UI框架，体积小，方便用户扩展和自由组合，摆脱繁琐的html标签布局。
    AUI为一款轻量级前端UI框架，更偏重于CSS布局及样式的构造，通俗易懂的写法及模块式的拼装方便用户自由扩展。轻小的体积、灵活的扩展性，大大提高移动端项目的体验度和开发效率。
    AUI 2.0版本是整个版本更新中的一个里程碑，结合实际项目出发，站在开发者和项目的角度，重新定义AUI框架。在2.0中使用了大量弹性响应式布局，采用容器+布局结构+控件的嵌套形式，方便开发者快速布局样式。2.0遵循Google Material设计规范，使用MIT协议开源。
    在2.0中，全局使用rem控制尺寸，完美适应不同分辨率移动设备；新加入的主题样式表方便开发者自定义基础颜色样式，完成APP主题的定制。

二、【iOS风格】

  • MUI
    Star:9675

    最接近原生APP体验的高性能前端框架
    轻量：MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K
    原生UI：MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件

  • SUI Mobile（阿里）
    Star:5732

    SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。
    轻量的UI库；炫酷的iOS风格；功能强大的组件。

  • Framework7
    Star:12851

    Framework7 是一个开源免费的框架可以用来开发混合移动应用（原生和HTML混合）或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具，可以迅速创建一个应用的原型。
    Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。
    Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。

三、【三大主流框架汇总】

3.1、【Vue】

  • element（饿了么）
    Star:29902 三大主流框架都支持

    Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

  • iview
    Star:16817

    一套基于 Vue.js 的高质量
    UI 组件库

  • vuetify
    Star:12649

    Vuetify基于vue2.0,为移动而生的组件框架
    Vuetify 支持SSR（服务端渲染）,SPA（单页应用程序）,PWA（渐进式Web应用程序）和标准HTML页面。
    不兼容IE9/IE10，部分兼容IE11/Safari9，兼容其他浏览器。

3.2 【React】

  • Material
    Star:39452

    世界上最受欢迎的React UI框架。

  • Ant Design（蚂蚁金服）
    Star:32282 三大主流框架都支持

    一个服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观和模块化的解决方案，让设计者专注于更好的用户体验。
    基于 Ant Design 设计语言，我们提供了一套开箱即用的高质量 React 组件，用于开发和服务于企业级中后台产品，除官方的 React 实现，还有 Angular、Vue 的实现。
    提供antd资源包、Axure组件库、sketch工具集等工具和资源。
    Ant Design Pro：开箱即用的中台前端/设计解决方案
    Ant Design Mobile：antd-mobile 是 Ant Design 的移动规范的 React 实现
    AntV：简单、专业、拥有无限可能的数据可视化解决方案
    dva ：基于 redux、redux-saga 和 react-router 的轻量级前端框架。

  • Amaze UI Touch
    Star:901

    基于 React.js 的移动端 Web 组件库
    专属于移动；专注于 UI；采用 Flexbox 布局；基于 React.js

3.3【Angular】

  • Angular Material
    Star:15427

    Angular的Material Design组件

  • NG-ZORRO
    Star:3513

    这里是 Ant Design 的 Angular 实现，开发和服务于企业级后台产品。
    提炼自企业级中后台产品的交互语言和视觉风格。
    开箱即用的高质量 Angular 组件。
    使用 TypeScript 构建，提供完整的类型定义文件。

 

 

版权声明：本文为Im-Victor原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/Im-Victor/p/13605628.html