14 款(移动端)UI 框架

武成和
2023-12-01

因业务需求,特调研了当前比较火的移动端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 构建,提供完整的类型定义文件。

 类似资料: