网站首页 » 前端开发 » 前端工具 » 移动端 WEB APP 框架大全
上一篇:
下一篇:

移动端 WEB APP 框架大全

现在如今要开发一个 APP 可以说是一件非常简单的事了,因为网上很在有很多这样的 APP 前端框架。下面我给大家整理下。

SUI Mobile

简介

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

轻量的UI库。SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。
对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了 Zepto/jQuery 风格的API,你将会非常熟悉这种方式。

炫酷的iOS风格。我们的组件都是按照iOS风格设计的,所有有很多组件都是iOS独有的炫酷设计。

功能强大的组件。我们实现了下拉刷新、日历、省市区选择器等功能非常强大的组件,并且他们在安卓上也是同样好的体验。

如果你还在为如何实现下拉刷新纠结,还在调试安卓日历输入框的bug,还在自己写收货地址选择,不如赶紧用SUI吧。

http://m.sui.taobao.org/

MUI

简介

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

轻量。追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K。

原生UI。鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标。MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件。

http://dev.dcloud.net.cn/mui/

Light7

简介

轻量强大。它只是一个 UI 库。而不是一个框架。它提供了20+个非常有用的组件。82K 的 JS 和 117K 的 CSS 文件。一般情况下你只需要把组件的代码拷贝到你的项目中就可以了。 Linght7 依赖于 jQuery 或者 zeptojs, 如果你之前用过他们,那么现在你使用起来应该不会有太多的时间成本 。

iOS 特征。多亏了Framework7,Light7 可以精确地实现 iOS 原生应用界面

强大的组件。Light7 提供了非常强大的组件,比如:拉取刷新,通知。

http://light7.org/

Framework7

简介

Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。 Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。 Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。 如果你想开发 iOS 或者 Android 混合应用(Phonegap)或者你想开发 iOS 和 Google Material 风格的WEB APP,那么Framework7将会是你的首选。

简单易用,像写网页一样简单。使用Framework7创建iOS7应用就和搭建一个网站一样简单。你只需要一个基本的HTML布局,并且把Framework7的CSS和JS文件引入即可!Framework7不会强制你写任何自定义的标签,也不会通过JS来生成任何额外的内容。你不需要通过JS或者JSON来写页面,只需要普通的HTML就可以。

专注iOS。Framework7 是一个针对iOS7的框架。从一开始,她就考虑到如何最方便快捷地实现iOS7上各种惊艳的UI组件,以及复杂的动画和灵活的触摸交互。所以Framework7是你实现像素级精度的iOS7应用的最佳选择。

UI 组件。Framework7 有大量可以直接使用的UI组件和工具,比如modals,popup,action sheet, popover, list views, media lists, tabs, side panels, layout grid, preloader, form elements 等。大部分的组件你都完全不需要写任何JS代码。

自定义。Framework7 的所有样式文件都被分类放在了一个个小的 less 文件中,所以你可以只选择自己需要的部分文件。

http://www.framework7.cn/

http://framework7.io/

Mobiscroll

简介

Mobiscroll 一个 JavaScript UI 控件。不管你是建立 web app 还是 hybrid apps 都可以工作得很好。

https://mobiscroll.com/

Ionic

简介

Ionic 是一个免费开源易用的 mobile SDK。

知道怎么建站,你就已经知道怎么创建 mobile apps 了。Ionic 框架为你提供了最好的页面和本地app 组件,让你在开发 app 时如虎添翼。

http://ionicframework.com/

WeUI

简介

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

https://weui.io/

jQuery WeUI

简介

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。

jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目,也几乎可以做到拿来即用。

jQuery WeUI 提供了总共30+ 个非常实用的组件:列表,表单,卡片,对话框,下拉刷新等。

jQuery WeUI 的定位正如 jQuery 的定位:做一把锋利易用的小刀,而不是做一个笨重的大炮。

简单易用,无上手难度 丰富强大的组件库,并且还在不断完善中 轻量,无限制,可以结合任何主流JS框架使用,比如 `Vue, Angular, React` 等 高性能的 CSS3 动画,低端手机上依然可以较流畅运行 详尽完善的官方文档 标准稳定的API,基本可以保证版本透明更新 基于 MIT 协议发布,免费开源。

http://jqweui.com/

Frozen UI

简介

随心所用的样式组件。FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库。遵循手Q样式规范,基本样式使用离线包的方式减少请求,并提供快速接入的方案。

更显灵动的JS插件。FrozenUI提供的一系列JavaScript插件,更优雅地在移动端上呈现更灵动的动画效果。

酷炫好玩的案例秀。FrozenUI提供的Animation case,把业务上有趣好玩的案例沉淀下来,帮助日后能更快速找到设计灵感。

http://frozenui.github.io/

 

文章关键词:
  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/mobile-web-app-frame-collection/

Leave a Reply

Your email address will not be published. Required fields are marked *

评论 END