框架
传统框架
Bootstarp
layui
svelte
D2
VUE常用UI框架
产品 | 官网 | 推荐 | |
---|---|---|---|
iViewUI | https://www.iviewui.com/ | 5 | |
ant-design-vue | https://github.com/vueComponent/ant-design-vue | 5 | |
NaiveUI | https://www.naiveui.com/ | ||
AT-UI | https://at-ui.github.io/at-ui/#/zh | 一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品 | |
mint-ui | https://mint-ui.github.io/#!/en | Mobile UI elements for Vue.js | |
Mand Mobile 2 | https://didi.github.io/mand-mobile | 面向金融场景的Vue移动端UI组件库 | |
heyui | https://www.heyui.top/ | 基于 Vue2.0 的开源 UI 组件库,主要服务于一些中后台产品 | |
uni-app | |||
ele3 | https://element3-ui.com/ | ||
avue | https://avuejs.com/ |
工具集
框架:https://github.com/easy-team
移动端
小程序
MPX
WeUI
WeUI 是微信官方出品的组件库,它沿用了微信的视觉设计与交互设计,提供了各类原生组件的基础样式,风格简约大方。选用这一套组件库,可以让你的小程序与微信本身保持一致的界面风格
GitHub 地址:https://github.com/Tencent/weui
ColorUI 组件库
ColorUI 是由文晓港发布的高颜值组件库,侧重于视觉交互。比起 WeUI 的低调克制,ColorUI 色彩鲜亮,样式繁多。除了拥有非常丰富的原生组件的自定义样式,它还提供一些常见的页面元素,比如时间轴、步骤条、聊天页、模态窗口等等。
https://github.com/weilanwl/ColorUI
https://www.color-ui.com/
Vant 组件库
Vant 是由有赞发布的,轻量的小程序 UI 组件库。如果你想制作一款电商、餐饮、外卖平台、票务预订等购物类小程序,选用 Vant 是较为合适的。
https://github.com/youzan/vant-weapp
iViewUI
iViewUI 是由 TalkingData 发布的组件库。
GitHub 地址:https://github.com/TalkingData/iview-weapp
MinUI 组件库
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架,各种小程序组件主流框架等,并且提供了专门的命令行工具,猛戳这里(Min-Cli 使用文档)详细了解如何使用吧。
https://meili.github.io/min/index.html
GitHub 地址:https://github.com/meili/min-cli
TaroUI
TaroUI 是由京东·凹凸实验室发布的多端 UI 组件库。这套组件库,可以在 H5、微信小程序、支付宝小程序、百度小程序多端适配运行。TaroUI 的整体风格简约、清新、统一,适合工具、读书、资讯、教育、商务等类型的小程序。
GitHub 地址:https://github.com/NervJS/taro-ui
WuxUI组件库
由 skyvow (GitHub 账号名) 发布的 Wux Weapp。这套组件库所包含的组件最为丰富。不仅有各类组件,而且还有进度环、骨架屏、筛选栏、数字键盘、结果页等实用工具类组件。如果你想开发一款工具类小程序,Wux 是个不错的选择。
GitHub 地址:https://github.com/wux-weapp/wux-weapp/
uni-app
uni-app
是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
https://uniapp.dcloud.io/
WePY
腾讯团队开源的一款类 vue 语法规范的小程序框架,借鉴了 Vue 的语法风格和功能特性,支持了 Vue 的诸多特征,比如父子组件、组件之间的通信、computed 计算属性、wathcer 监听器、props 传值、slot 槽分发,Mixin 混入等。WePY 发布的第一个版本是 2016 年 12 月份,也就是小程序刚刚推出的时候,到目前为止,WePY 已经发布了 52 个版本, 最新版本为 1.7.2;
mpvue
美团团队开源的一款使用 Vue.js 开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。mpvue 在发布后的几天间获得 2.7k 的 star,上升速度飞起,截至目前为止已经有 13.7k 的 star;
Taro
京东凹凸实验室开源的一款使用 React.js 开发微信小程序的前端框架。它采用与 React 一致的组件化思想,组件生命周期与 React 保持一致,同时支持使用 JSX 语法,让代码具有更丰富的表现力,使用 Taro 进行开发可以获得和 React 一致的开发体验,同时因为使用了 react 的原因所以除了能编译 h5, 小程序外还可以编译为 ReactNative;