微信公众号UI

微信公众号开发，主要是移动端网页的页面开发，在这里推荐3个移动端UI框架：WeUI、SUI和Mint UI。

1. WeUI

1.1 WeUI

WeUI是微信官方设计团队为微信 Web 开发量身设计，可以令用户在HTML5应用中的使用感知更加统一。

组件包含button、cell、dialog、 progress, toast、article、icon等等。

资源

官方Demo：https://weui.io/

Github：https://Github.com/weui/weui (★13402)

js支撑：weui.js

缺点：缺少高级组件；截至目前，WeUI还未提供swiper、上拉加载、下拉刷新组件。

示例

   

 

1.2 weui.js

为WeUI的的轻量级 js 封装。提供了Alert、Confirm、Toast、Loading、ActionSheet等等交互功能。

资源

官网Demo：https://weui.io/weui.js/

Github：https://Github.com/weui/weui.js/

示例

 

 

2. SUI

SUI Mobile 是阿里巴巴共享业务事业部SDC团队（UED）提供的一套手机UI库。

是一套基于 Framework7 非常适合开发跨平台Web App的UI库。

组件包含下拉刷新、上拉加载、日历、省市选择器、幻灯片、路由等等。

资源

官网：http://m.sui.taobao.org/

官方Demo：http://m.sui.taobao.org/demos/

Github：https://Github.com/sdc-alibaba/SUI-Mobile (★4437)

js支撑：Zepto.js；SUI需要Zepto.js的支撑。

注意：此UI框架最后有效提交日期为2016/04/27，根据自身业务需求是否使用此框架。

示例

 

3. Mint UI

Mint UI是饿了么推出的一款基于Vue的移动端UI框架。

资源

文档：http://mint-ui.Github.io/docs/#!/zh-cn2

官方Demo：http://elemefe.Github.io/mint-ui/#/

Github：https://Github.com/ElemeFE/mint-ui/

js支撑：Vue.js；Mint UI分别提供了支持Vue1和Vue2的版本。

示例

 4.jqweui    http://jqweui.com/

 

下面的是基于VUE的框架

1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k

中文文档 在线预览

2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。

中文文档 在线预览

3.Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库 star 8.3k

中文文档 github地址 在线预览

4.MUI  最接近原生APP体验的高性能前端框架 star 7.5k 

中文文档 github地址

5.Muse-ui   基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k

中文文档 github地址 

6.Vant是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。star 1k

中文文档 github地址

 

7.Cube UI star 3k

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库

github地址 中文文档

特性

• 质量可靠

  由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。

• 体验极致

  以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。

• 标准规范

  遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。

• 扩展性强

  支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发

8. NutUI 一套京东风格的轻量级移动端Vue组件库 star 1k 

　　体验地址 github地址 中文文档

　　特性

• 跨平台，自动转微信小程序组件（稍后上线，敬请期待）
• 30+ 京东移动端项目正在使用
• 基于京东APP 7.0 视觉规范
• 支持按需加载
• 详尽的文档和示例
• 支持定制主题
• 支持多语言（国际化）
• 支持 TypeScript
• 支持服务端渲染（Vue SSR）
• 单元测试加持
• 配套有基于Webpack的构建工具，可快速创建已内置本组件库的Vue工程
• 

   

 5.Frozen UI

自述：简单易用，轻量快捷，为移动端服务的前端框架。

主页：http://frozenui.github.io/

开发团队：QQVIP FD Team

Github：https://github.com/frozenui/frozenui

Demo：http://frozenui.github.io/frozenui/demo/index.html