文档章节

移动端常用的 UI 库

Jack088
 Jack088
发布于 2018/09/07 18:05
字数 1375
阅读 59
收藏 1

一、【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 构建,提供完整的类型定义文件。

本文转载自:https://blog.csdn.net/robin_star_/article/details/81810197

共有 人打赏支持
Jack088
粉丝 43
博文 490
码字总数 70569
作品 0
程序员
私信 提问
移动端web框架--Frozen UI

Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。 非...

木川瓦兹
2014/09/24
46.8K
4
优质的 Vue 开源项目

Vuetify - Vue.js 2.0 组建库 Material Design 的前端组建库,基于 Vue.js 2.0 让 Vue 和 React 无缝融合 前端社区 前端社区 Muse UI — 基于 Vue2.0 的 Material Design UI 库 Muse UI — ...

掘金官方
2017/12/15
0
0
移动端框架收集

frozenui (http://frozenui.github.io/) App.js (http://code.kik.com/app/2/index.html) junior (http://justspamjustin.github.io/junior/#home) 移动web开发框架 纯粹的总结一下移动......

DannyTam
2016/07/11
70
0
基于VUE+TypeScript 一个快速开发的移动端UI组件库

这是一篇求职文章 年龄21 目前级别p6+ 坐标成都 找一份vue.js移动端H5工作 一份没有任何包装纯真实的简历 简历戳这 求职文章一共有两篇 另外一篇请点这一个nuxt(vue)+mongoose全栈项目聊聊我...

Qymh
2018/08/09
0
0
Touch UI:基于vue的移动端UI框架

Hi,我们做了一款高质量的、免费的移动端UI框架。 经过将两年多开发和项目实践,我们终于把Touch UI开放出来了。这是一套基于vue.js打造的移动端UI框架,包含近百种组件,几乎囊括了开发移动...

UIleader
2018/05/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

极路由4刷OpenWrt(LEDE)

申请开发者模式 登录路由器后台 进入插件中间 选中路由器信息 申请开发者权限 安装开发者插件 刷 Bootloader 下载 极路由4 的 Breed 通过SSH登录路由器 (必须安装开发者插件,端口 1022 账号...

dingdayu
31分钟前
3
0
浅淡个人学习嵌入式Linux过程

我专业是电子信息工程,在初入大学的时候,我们的班主任便要我们多多去了解一些关于电子方面的知识。后来我了解到了嵌入式,继而了解到了嵌入式Linux。其实我们学习linux差不多就学习linux内...

linux-tao
今天
7
0
SpringBoot使用GraphQL简单学习-1

官网 一、GraphQL简介 1.GraphQL是什么? GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述,使得客户端能够...

wind2012
今天
5
0
Android的WIFI局域网对讲机

https://blog.csdn.net/z979451341/article/details/79280749 (三)Android局域网内语音对讲 基于UDP语音传输 https://blog.csdn.net/stormxiaofeng/article/details/80513947 Android7.0手......

shzwork
今天
2
0
vuex

一直有个误区 vuex既然页面刷新会丢失 那还有什么意义 。 重新翻看了下文档才恍然大误,vuex主要解决的是不同组件间的通信。 跨页面数据共享本质上还是用sessionStorage/localStorage...

东东笔记
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部