1.移动端UI库

①.Vant UI

优点:用来做移动端商城很不错,支持定制主题,社区还算活跃

②.Mint UI

官方地址:http://mint-ui.github.io/#!/zh-cn

github地址:https://github.com/ElemeFE/mint-ui/

优点:饿了么团队制作,组件比较丰富

缺点:已经很久没人维护,也没人接盘了

③.Muse UI

官方地址:https://muse-ui.org/#/zh-CN/usage

github地址:https://github.com/museui/muse-ui

优点:PC+MOBILE一套就够了

④.Nut UI

官方地址:https://nutui.jd.com/#/start

github地址:https://github.com/jdf2e/nutui

优点:京东团队制作,质量有保障

缺点:组件不是很丰富,需要踩坑。

2.PC端前、后台UI库

①.Element UI

官方地址:http://element-cn.eleme.io/#/zh-CN/component/installation

github地址:https://github.com/ElemeFE/element

优点:团队给力,社区活跃,组件丰富

②.vue-element-admin

演示地址:https://panjiachen.github.io/vue-element-admin/

github地址:https://github.com/PanJiaChen/vue-element-admin

博客系列教程地址:https://segmentfault.com/a/1190000009275424

优点:前人造轮子,拿来直接用就可以

③.iView UI

官方地址:https://www.iviewui.com/docs/guide/install

github地址:https://github.com/iview/iview

优点:样式好看,坑不算多,有自己的生态,比较稳定,同一作者写的后台iView-admin

3.小程序UI库

①.iView Weapp

官方地址:https://weapp.iviewui.com/docs/guide/start

github地址:https://github.com/TalkingData/iview-weapp

优点:整体包结构比较小,样式比较美观

缺点:暂不支持npm安装

②.Wux Weapp

官方地址:https://wux-weapp.github.io/wux-weapp-docs/#/quickstart

github地址:https://github.com/wux-weapp/wux-weapp/

优缺点同iView Weapp

③.Wuss Weapp

官方地址:https://phonycode.github.io/wuss-weapp/quickstart.html

github地址:https://github.com/phonycode/wuss-weapp

优点:支持npm安装,组件较丰富

④.Color UI

官方地址:https://www.color-ui.com/

github地址:https://github.com/weilanwl/ColorUI

优点:样式超级超级超级好看啊,不信他不火

缺点:文档还在编写中,组件目前不是很丰富

⑤.Vant Weapp

官方地址:https://youzan.github.io/vant-weapp/#/intro

github地址:https://github.com/youzan/vant-weapp

优点:支持npm安装,组件丰富,合适做商城类小程序

⑥.MinUI

官方地址:https://meili.github.io/min/docs/minui/index.html

github地址:https://github.com/meili/min-cli

优点:蘑菇街团队开发维护,样式中规中矩

缺点:组件现在也不算太多

非结语:UI组件库的使用,不仅要看样式展现,更要看库的维护和生态,前人的轮子有时候也不一定适合项目,去尝试造轮子会发现一个不同的世界。

结语:不定时更新,不足之处或者有其他优秀的UI库可以留言私信我,自己喜欢的UI库也可以上墙!

移动端、PC端(前后台)、小程序常用的UI框架的更多相关文章

  1. 小程序-文章:微信小程序常见的UI框架/组件库总结

    ylbtech-小程序-文章:微信小程序常见的UI框架/组件库总结 1.返回顶部 1. 想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小 ...

  2. 微信小程序常见的UI框架/组件库总结

    想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库. 1:WeUI 小程序–使用教程 h ...

  3. 源码推荐:移动端商城(微信小程序源代码) WebView离线缓存

    移动端商城(微信小程序源代码)(上传者:腾讯攻城师jack) 功能包括:商品橱窗,商品搜索,购物车,结账等功能. TableView嵌套webView自适应高度(上传者:linlinchen) tab ...

  4. js 设备判断(移动端pc端 安卓ios 微信)

    苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.in ...

  5. 小程序常用API介绍

    小程序常用API接口  wx.request https网络请求 wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 method:"GET&qu ...

  6. 微信小程序常用样式汇总

    本文系转载: 原文作者:chenzheng8975 原文地址:https://www.cnblogs.com/chenzheng8975/p/9605186.html 微信小程序常用样式汇总 小程序特 ...

  7. 像VUE一样写微信小程序-深入研究wepy框架

    像VUE一样写微信小程序-深入研究wepy框架 微信小程序自发布到如今已经有半年多的时间了,凭借微信平台的强大影响力,越来越多企业加入小程序开发. 小程序于M页比相比,有以下优势: 1.小程序拥有更多 ...

  8. Cocos2d-iPhone V3 (1) 其基本程序常用的行动框架和介绍

    Cocos2d-iPhone V3 (1) 其基本程序常用的行动框架和介绍 博客:http://blog.csdn.net/prevention 笔者:犀利哥 - 第一部分:一个 Cocos2d-iP ...

  9. 微信小程序(二十)-UI组件(Vant Weapp)-01按装配置

    1.官网 https://vant-contrib.gitee.io/vant-weapp/#/intro https://gitee.com/vant-contrib/vant-weapp 2.按装 ...

随机推荐

  1. mysql 案例 ~ pt-io工具的使用

    一 简介:如何使用pt-iopfile调查io具体信息二 目的:利用pt-iopfile分析mysql内部IO操作密集的文件,用以发现问题三 使用: pt-iopfile -p mysql_pid   ...

  2. SpringBoot2.x配置文件讲解

    SpringBoot2.x配置文件讲解 简介:SpringBoot2.x常见的配置文件 xml.yml.properties的区别和使用 xml.properties.json.yaml 1.常见的配 ...

  3. C++获取当前所有进程的完整路径

    实现代码 #include <stdio.h> #include <windows.h> #include <tlhelp32.h> #include <st ...

  4. Excel中快捷键Ctrl+End覆盖过多

    Sub dd() MsgBox ActiveSheet.UsedRange.Address End Sub 更简单的方法:通过快捷键,选中空白行/列,然后删除行/列,保存,OK!

  5. STM32F103X datasheet学习笔记---Interrupts and events

    1.前言 本章主要介绍STM32中断和事件相关的内容 2.NVIC NVIC管理着包括内核异常等中断 主要特性 68个外部中断源(不包含16个内部中断线) 可编程优先级为16级 低延迟异常和中断处理 ...

  6. mysql系列六、mysql创建用户、授权、备份及恢复命令

    一.创建用户和授权 下面的操作中,其中someusername为用户名,somepassword为密码,somedbname为数据库名 1.创建用户 create user 'someusername ...

  7. exp自动备份在bat中不执行

    在命令行前加cd c:\users\...... 先定位进入可以exp的目录下,再执行exp

  8. Java用四种方法实现阶乘n! (factorial)

    1. 引言 实现阶乘的方法很多,这边介绍四种方法,分别是递归,尾递归,循环和BigDecimal. 2. 代码 public class Test { public static void main( ...

  9. expdp和impdp快速导出导入,不用创建虚拟目录

    expdp 和impdp不用创建虚拟目录:在cmd直接   expdp 用户名/密码 回车 就导出了,(如果提示输入用户名和密码就输入).再将导出的文件放在oracle默认的dpdump文件夹里面,然 ...

  10. RHEL7 配置iSCSI模拟环境

    在之前文章<multipath多路径实验01-构建iSCSI模拟环境>中,已经介绍了如何构建iSCSI模拟环境(RHEL6),但在RHEL7中已经不适用,本文记录下新的配置方法. 环境:R ...