移动应用前端h5框架汇总

1、Framework7

免费开源移动端框架，IOS及安卓原生样式
Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.

2、MUI

（以IOS为主体，颜值点个赞）
最接近原生APP体验的高性能前端框架。以iOS平台UI为基础，补充部分Android平台特有的UI控件

3、AUI

（h5,css3,效果好）flex,rem
为APICloud开发者设计的一套UI框架

3、WeUI

由微信官方设计团队为微信内网页和微信小程序设计，微信公众平台首选（微信以外就）

4.Vant

有赞前端团队基于有赞统一的规范实现的 Vue 组件库

//通过CDN引入：
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.0/lib/index.css">

<!-- 引入组件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.0/lib/vant.min.js"></script>

<script>
var Vue = window.Vue;
var vant = window.vant;

// 注册组件
Vue.use(vant);

// 调用函数式组件
vant.Toast('提示');
</script>

5、SUI Mobile

（轻量UI库+IOS风格+CDN+跨平台
学习体验感赞)
来源于阿里巴巴共享业务事业部UED团队
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。
大部分JS组件都是独立的 Zepto 插件，并且提供了 Zepto/jQuery 风格的API。

6、FrozenUI

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

7、Mint UI

饿了么前端团队推出的基于 Vue.js 的移动端组件库,（可能有一些些不好看？）（vue2）
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。
考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。
依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

8.NutUI

一套京东风格的轻量级移动端Vue组件库
（还行，水土有些不服）

9.Cube-UI

滴滴内部组件库精简提炼而来，基于Vue.js实现的移动端组件库。
（水土更不服了）

10、Ant Design Mobile

antd-mobile 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务。

11、layui

追求极简易上手，很舒服，（弹窗组件）

12、Amaze UI

（演示那好像有点崩？学习体验感没有特别好，适配很好）
Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。
Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。
使用CDN：

http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.basic.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.basic.min.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.min.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.widgets.css
http://cdn.clouddeep.cn/amazeui/1.0.1/css/amazeui.widgets.min.css
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.basic.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.basic.min.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.min.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.helper.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.helper.min.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.js
http://cdn.clouddeep.cn/amazeui/1.0.1/js/amazeui.widgets.min.js

13、WEEX

使用 Vue 作为上层框架，并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API，这样一来，你甚至可以使用其他框架驱动 Weex，打造三端一致的 native 应用。

14、uiKit

（非专业移动端，是自适应）
uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。基于 LESS 开发。根据不同的屏幕分辨率与上网设备，UIKit 会自动做出响应，提供一致的体验。

15、YDUI Touch

（专注移动端，flex,rem,less）
YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高;使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局;实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px;自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。

16、vonic

基于 vue.js 和 ionic 样式的移动端UI框架。
（fine.thank you.And you）

17、Muse-UI

(优雅)
基于 Vue 2.0 和 Material Desigin 的 UI 组件库
1.组件丰富
Muse UI 基本实现了 Material Design 设计规范类的所有组件，另外还开发许多的功能性的组件
2.可定制
Muse UI 使用less文件，所有的颜色都有一个变量维护，通过编写 less 文件完成自定义主题，另外组件内部也提供一些修改效果的参数
3.基于 Vue 2.0
Muse UI 基于 Vue2.0 开发，Vue2.0是当下最快的前端框架之一，小巧，api友好，可用于开发的复杂单页应用。

//使用CDN
<link rel="stylesheet" href="https://unpkg.com/muse-ui/dist/muse-ui.css">
<script src="https://unpkg.com/muse-ui/dist/muse-ui.js"></script>
//加载字体和图标
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">

18. Touch UI

基于Vue，适用微信h5 , 使用便捷（都配置好了亲），目前使用（emm感觉还有问题）
Touch UI是一套完全免费的高质量移动端UI框架。 基于vue.js框架，我们精心打造了上百种的移动端UI组件，可以轻松开发webApp、微信公众号、钉钉微应用等。
Touch UI设计了与微信小程序相似的开发方式和API。
配合我们的小程序开发框架：Touch WX，可以将Touch UI做的H5应用方便的移植为微信小程序。

最后

以上就是合适篮球为你收集整理的移动应用前端h5框架汇总的全部内容，希望文章能够帮你解决移动应用前端h5框架汇总所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。