博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端常用的 UI 库
阅读量:5924 次
发布时间:2019-06-19

本文共 2201 字,大约阅读时间需要 7 分钟。

hot3.png

一、【H5通用UI】

  •  

    Star:19743

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

  •  

    Star:2635

    FrozenUI 是一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范。 

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

  •  

    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风格】

  •  

    Star:9675

    最接近原生APP体验的高性能前端框架 

    轻量:MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 
    原生UI:MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件

  •  

    Star:5732

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

    轻量的UI库;炫酷的iOS风格;功能强大的组件。

  •  

    Star:12851

    Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。 

    Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。 
    Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。

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

3.1、【Vue】

  •  

    Star:29902 三大主流框架都支持

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

  •  

    Star:16817

    一套基于 Vue.js 的高质量 

    UI 组件库

  •  

    Star:12649

    Vuetify基于vue2.0,为移动而生的组件框架 

    Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。 
    不兼容IE9/IE10,部分兼容IE11/Safari9,兼容其他浏览器。

3.2 【React】

  •  

    Star:39452

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

  •  

    Star:32282 三大主流框架都支持

    一个服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观和模块化的解决方案,让设计者专注于更好的用户体验。 

    基于 Ant Design 设计语言,我们提供了一套开箱即用的高质量 React 组件,用于开发和服务于企业级中后台产品,除官方的 React 实现,还有 Angular、Vue 的实现。 
    提供antd资源包、Axure组件库、sketch工具集等工具和资源。 
    Ant Design Pro:开箱即用的中台前端/设计解决方案 
    Ant Design Mobile:antd-mobile 是 Ant Design 的移动规范的 React 实现 
    AntV:简单、专业、拥有无限可能的数据可视化解决方案 
     :基于 redux、redux-saga 和 react-router 的轻量级前端框架。

  •  

    Star:901

    基于 React.js 的移动端 Web 组件库 

    专属于移动;专注于 UI;采用 Flexbox 布局;基于 React.js

3.3【Angular】

  •  

    Star:15427

    Angular的Material Design组件

  •  

    Star:3513

    这里是 Ant Design 的 Angular 实现,开发和服务于企业级后台产品。 

    提炼自企业级中后台产品的交互语言和视觉风格。 
    开箱即用的高质量 Angular 组件。 
    使用 TypeScript 构建,提供完整的类型定义文件。

转载于:https://my.oschina.net/jack088/blog/1982555

你可能感兴趣的文章
一起谈.NET技术,Entity Framework 4.1 Code First 学习之路(二)
查看>>
艾伟也谈项目管理,技术管理中常见的几个问题
查看>>
一起谈.NET技术,使用LINQ to SQL更新数据库(中):几种解决方案
查看>>
java版电子商务spring cloud分布式微服务b2b2c社交电商 (十四)服务注册(consul)
查看>>
数据结构中常见的排序算法
查看>>
homework-08
查看>>
ecmall 用户后台店铺条幅 在firefox7 以上无法预览的问题
查看>>
storm安装
查看>>
c++11
查看>>
[LCA][数学]JZOJ 4794 富爷说是一棵树
查看>>
卡尔曼滤波——5.首先高斯分布
查看>>
各种排序算法汇集
查看>>
20155225 2016-2017-2 《Java程序设计》第七周学习总结
查看>>
十天冲刺开发第十天个人工作总结
查看>>
第十六周进度条
查看>>
Windows 如何远程登陆 Server 的 jupyter
查看>>
Redis 数据结构之Keys
查看>>
c语言第二次作业
查看>>
Android Integer.parseInt java.lang.NumberFormatException: Invalid int解决方法
查看>>
java集合的简单使用
查看>>