zoukankan      html  css  js  c++  java
  • 14 款(移动端)UI 框架

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

     
  • 相关阅读:
    10月23日总结
    10月22日总结
    10月21日总结
    使用Sklearn进行股票异常分析
    10月20日总结
    10月19日总结
    10月18日总结
    CF482E ELCA
    ERROR: Error installing mysql2: ERROR: Failed to build gem native extension [@Ubuntu 15.04]
    在Deepin 20.2系统中换源并全新图解安装MySQL数据库
  • 原文地址:https://www.cnblogs.com/Im-Victor/p/13605628.html
Copyright © 2011-2022 走看看