推荐一些你可能需要的 UI 组件库_viewui和elementui-程序员宅基地

技术标签: UI框架  Uni-app  微信小程序  VUE  React  

Element UI

在这里插入图片描述

简介
  • Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
  • 组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:46.9k
  • 免费开源,不过最近发现已经几个月不维护了,issues 也 Closed,如果你后面用上了 Vue3.0,那么就不能继续使用这一套 UI 框架,因为容易出现许多的问题
  • 解决方法:
适用场景
  • 基于 Vue 的 SPA PC 项目。
官网地址

View UI

在这里插入图片描述

简介
  • 一套基于 Vue.js 的高质量 UI 组件库。
  • View UI,即原先的 iView,是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。
  • 从 2019 年 10 月起正式更名为 View UI,并使用全新的 Logo。
  • 免费开源,组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:
    • iView UI:46.9k
    • View UI:1.8k
适用场景
  • 基于 Vue 的 SPA PC 项目。
官网地址

Ant Design

在这里插入图片描述

简介
  • antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。
  • 免费开源,组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:62.8k
  • 个人对于 TimePicker 时间选择框组件里的滚动条感觉体验不好。
适用场景
  • 基于 React 的 SPA PC 项目。
官网地址

Ant Design of Vue

在这里插入图片描述

简介
  • Ant Design of Vue 是 Ant Design 的 Vue 实现,开发和服务于企业级后台产品。
  • 如果你想从 Element UI 转走,可以考虑此 UI 框架,也可考虑 Vuetify
  • 免费开源,组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:11.4k
适用场景
  • 基于 Vue 的 SPA PC 项目。
官网地址

Material-UI

在这里插入图片描述

简介
  • 世界上最受欢迎的 React UI 框架(吹的),更快速、更简便的 web 开发。
  • 免费开源,组件丰富,可看的界面主题丰富,相对于国内的 Element UI 或 Ant Design,文档不够直白,主要是由于国外的思维习惯和国人的不太一样。
  • Github 的 Star:60.4k
适用场景
  • 基于 React 的 SPA PC 项目。
官网地址

Vuetify

在这里插入图片描述

简介
  • Vuetify 是一个 Vue UI 库,包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。
  • Vuetify 是 Vue.js 的头号组件库,尤小右的推荐,可以直接使用 vue add vuetify 安装。
  • 免费开源,组件丰富,相对于国内的 Element UI 或 Ant Design,文档不够直白,主要是由于国外的思维习惯和国人的不太一样。
  • Github 的 Star:27.2k
适用场景
  • 基于 Vue 的 SPA PC 项目。
官网地址

Vant

在这里插入图片描述

简介
  • 轻量、可靠的移动端 Vue 组件库。
  • 免费开源,组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:14.7k
  • 体验极佳,目前是我认为基于 Vue 的 H5 UI 框架中最好之一。
适用场景
  • 基于 Vue 的 SPA H5 项目。
官网地址

Vant Weapp

在这里插入图片描述

简介
  • Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
  • 免费开源,组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:13.4k
适用场景
  • 微信小程序项目。
官网地址

MUI

在这里插入图片描述

简介
  • 最接近原生 APP 体验的高性能前端框架。
  • 免费开源,组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:12.9k
  • 优秀的 Dcloud 平台的一款产品,不过在开发 Hybrid APP 还存在一些 BUG,可以为 WebApp 提供页面切换效果,前提是你使用的打包平台是 Dcloud。
适用场景
  • 5 + APP 项目。
  • WebApp 项目。
官网地址

Uni-UI

在这里插入图片描述

简介
  • uni-ui 是 DCloud 提供的一个跨端 ui 库,它是基于 vue 组件的、flex 布局的、无 dom 的跨全端 ui 框架。
  • uni-ui 不包括基础组件,它是基础组件的补充。
  • 免费开源,样式风格简约,文档讲解详细,上手简单,Github 的 Star:742
  • 优秀的 Dcloud 平台的一款产品,如果你使用 uni-app 框架开发跨多端项目,那么此 UI 框架可以是你的好帮手。
  • 跨多端方案:
    • 基于 Vue 的跨多端方案 uni-app
    • 基于 React 的跨多端方案 taro
适用场景
  • 基于 Vue 的跨多端项目,例如:跨 APP 端(Android 和 IOS),小程序端,H5,快应用。
  • 单个端项目。
官网地址

WeUI

在这里插入图片描述

简介
  • 这是一套基于样式库 weui-wxss 开发的小程序扩展组件库,同微信原生视觉体验一致的 UI 组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。
  • 免费开源,样式风格简约,文档讲解详细,上手简单,Github 的 Star:24.9k
  • 微信小程序的官方 UI 组件库。
适用场景
  • 微信小程序项目。
官网地址

iView Weapp

在这里插入图片描述

简介
  • 一套高质量的微信小程序 UI 组件库。
  • 组件丰富,样式风格简约,文档讲解详细,上手简单,Github 的 Star:5.7k
适用场景
  • 微信小程序项目。
官网地址

MINE-H5-UI

在这里插入图片描述

简介
  • 一款轻量级、模块化基于 VUE 的 H5 前端 UI 组件库。
  • 样式风格简约,文档讲解详细,上手简单,Github 的 Star:1(还是作者自己点的)。
  • 1.x 版本的组件源码过于简单,你可以直接复制你所需要的组件文件夹,复制到你的项目中的 components 目录即可使用,从而可以修改组件内容来满足你的需求。
适用场景
  • 基于 VUE 的 SPA H5 项目。
官网地址
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/biao_feng/article/details/108224283

智能推荐

VirtualBox在CentOS中安装VBOXADDITIONS_centos virtualbox addition-程序员宅基地

文章浏览阅读588次。VirtualBox在CentOS中安装VBOXADDITIONS_centos virtualbox addition

s3c2416 U-Boot移植笔记-程序员宅基地

文章浏览阅读4.1k次。首先说,今天是一个值得高兴的日子,因为经过四天的努力,终于把U-Boot1.3.4成功移植到了s3c2416上.板子要求是SD卡启动,以下具体的移植步聚:一、SD起动首先要修改/include/configs/smdk2416.h头文件: 在365行左右,按如下修改: //#define CONFIG_BOOT_NAND #define CONFIG_BOOT_M_s3c2416 u-boot移植

java线程池的四种拒绝策略_rejectedpolicy-程序员宅基地

文章浏览阅读5.3k次,点赞12次,收藏24次。本文主要介绍了java juc包中提供的四种拒绝策略。先是接受了部分java线程池ThreadPoolExecutor的构造方法,然后以源码和程序示例的方式介绍了四种拒绝策AbortPolicy,CallerRunsPolicy,DiscardPolicy,DiscardOldestPolicy的不同。_rejectedpolicy

相机相关知识学习笔记_照相机基础知识笔记-程序员宅基地

文章浏览阅读231次。留空,要学_照相机基础知识笔记

InputStream读取数据问题_event check_return:"java.io.inputstream.read(byte[-程序员宅基地

文章浏览阅读3.8k次。1. 关于InputStream.read() 在从数据流里读取数据时,为图简单,经常用InputStream.read()方法。这个方法是从流里每次只读取读取一个字节,效率会非常低。 更好的方法是用InputStream.read(byte[] b)或者InputStream.read(byte[] b,int off,int len)方法,一次读取多个字节。2._event check_return:"java.io.inputstream.read(byte[])" returns the number of

Ubuntu 14.04 更换阿里云源_ubuntu14.04更换阿里云-程序员宅基地

文章浏览阅读2.8k次。Ubuntu 14.04 更换阿里云源查看Ubuntu信息:root@llf-virtual-machine:/etc/apt# lsb_release -aNo LSB modules are available.Distributor ID: UbuntuDescription: Ubuntu 14.04.5 LTSRelease: 14.04Codena..._ubuntu14.04更换阿里云

随便推点

Solr是如何工作的?_solr 是如何工作的-程序员宅基地

文章浏览阅读45次。solr是基于Lucence开发的企业级搜索引擎技术,而lucence的原理是倒排索引。倒排索引:Demo1:A在吃饭Demo2:B在睡觉记录就变成了这样关键词 段落号(出现频率) 出现位置吃饭 1(1) 3在 1(1) 22(1) 2A 1(1) 1睡觉 2(1_solr 是如何工作的

Linux 学习路线图_linux学习路径-程序员宅基地

文章浏览阅读2.4w次,点赞60次,收藏551次。1.应用场景更加高效地学习并达到运用Linux 2.学习/操作 linux运维学习需要分为四个阶段:初级入门、中级进阶、高级提升、资深方向细化。 第一阶段:初级入门 初级阶段需要把linux学习路线搞清楚,任何学习都是循序渐进的,所以学linux也是需要有一定的路线。 初级入门: Linux基础知识、基本命令(起源、组成、常用命令如cp、ls、fi..._linux学习路径

kafka在zookeeper中对应目录_kafka在zookeeper上的目录-程序员宅基地

文章浏览阅读1.4k次。Zookeeper DirectoriesThe following gives the zookeeper structures and algorithms used for co-ordination between consumers and brokers.NotationWhen an element in a path is denoted [xyz], that m_kafka在zookeeper上的目录

Exchange 常见问题(转自微软论坛)_微软exchanger批量修改邮箱密码-程序员宅基地

文章浏览阅读4.7k次。来自望兄的总结。这些文档都是最基础的了。如果你有类似的不清楚的问题,这里都是比较权威的回答了。1.什么是邮件中继? 邮件中继是指将邮件转发到你所在域以外的域的能力。更具体地说,当使用与您的 SMTP 服务器的入站连接来向外部域发送电子邮件时,便发生了中继。 2.在Exchange 2003中,如何知道哪些SMTP域是你的权威域?打开Exchange Se_微软exchanger批量修改邮箱密码

vue3.0中setup如何使用_vue3 setup函数 可以用在配置项组件内吗-程序员宅基地

文章浏览阅读745次。组件中所有用到的:数据、方法、计算属性、监视属性、生命周期钩子都可以配置在setup中_vue3 setup函数 可以用在配置项组件内吗

C语言---单链表(详解)---数据结构_单链表c语言-程序员宅基地

文章浏览阅读3.1k次,点赞5次,收藏43次。单链表所需要的头文件重命名类型的意义在于以后还需要用到单链表时,存入的类型不一定时int类型,需要更改类型时,要一个个更改,非常麻烦,我们可以直接在这里修改,更加方便(这里的解释我上一篇也有提到)单链表用到的结构体这里我们把结构体重命名为ST单链表需要实现的功能有 1.申请一个新节点的内存空间 2.单链表的头部,尾部的插入和删除 3.单链表的查找 4.单链表查找后的插入和删除 5.单链表的打印 6.单链表的释放1.单链表的节点申请内存空间申请内存空间并不是直接使用,._单链表c语言

推荐文章

热门文章

相关标签