十大常用web前端UI组件库,赶紧收藏!

今天主要介绍web前端常用的UI库,这些网站基本都是背靠互联网大厂,值得web前端开发者收藏,当然还是要多多学习使用。

Vant

一款有赞出品轻量、可靠的的移动UI组件库,目前支持 Vue2、Vue3、React,微信和支付宝小程序,并由社区团队维护 React 版本和支付宝小程序版本。

官网的文档清晰易懂,如果你熟悉vue.js的组件化开发,上手非常容易。

Ant Design

Ant Design是一套企业级 UI 设计语言和 React 组件库,提供了一套非常完整的组件化设计规范与组件化编码规范,能大幅提高了部分产品的设计研发效率及质量。

PC端组件库文档中的设计原则写的比较完善,并且每个组件都描述了何时使用,让其对组件有更深的认识,提供的设计资源也是非常完善,值得web前端企业开发者们收藏!

Ant Design Mobile

Ant Design 移动端设计规范,一个基于 Preact/React/React Native 的 UI 组件库。新版样式比较好,文档更新的也好用起来了

Bootstrap

Bootstrap 是全球受欢迎的前端开源工具库,Bootstrap4中文文档这个 UI 库来自 Twitter 的成员,拥有了box-flex布局等更新,但是组件比较少,特点是提供了很多工具类;需要引入 JQuery,如果有自己特殊的需求,就需要重新定制样式。

Flat UI是基于Bootstrap做的Metro化改造,由Designmodo提供。Flat UI包含了很多Bootstrap提供的组件,但是外观更加漂亮。

Layui

经典开源模块化前端 UI 框架(官方文档镜像站),JQuery 时代很好的 UI 库,是一套开源的 Web UI 解决方案,其内部采用的是自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。

ElementUI

出自饿了么前端团队,学 Vue 的童鞋们必用的一款 UI 库,采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型,也支持有 Angular 和 React 的版本,Element Plus 支持 Vue3。

semi design

出自字节跳动抖音前端与 UED 团队,是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案,可用于快速搭建美观的 React 应用。

Taro UI

出自京东凹凸实验室,基于 Taro 的多端 UI 组件库,提供友好的 API,可灵活的使用组件,一套组件可以在 微信小程序、H5、ReactNative 等多端适配运行。

Vuetify

Vuetify 是建立在Vue.js之上的完备的界面框架。 该项目的目标是向开发人员提供他们积累的丰富且吸引用户体验所需的工具。 Vuetify从一开始就设计为易于学习的并且拥有来自 Material设计规范的数百个精心设计组件。每一个组件都经过精心设计,具有模块化、响应式和优秀的性能。

WeUI

WeUI ——微信官方的 UI 库,一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素。

常用web前端UI组件库相关推荐

  1. 十大常用web前端UI组件库,赶紧收藏

    今天主要介绍web前端常用的UI库,这些网站基本都是背靠互联网大厂,值得web前端开发者收藏,当然还是要多多学习使用. Vant 一款有赞出品轻量.可靠的的移动UI组件库,目前支持 Vue2.Vue3 ...

  2. 推荐 8 个支持 Vue3 的前端 UI 组件库,免费开源、漂亮美观,涵盖常用的业务组件

    Vue3 正式发布已经快2年了,今年2月也正式变成 Vue 项目的默认版本,今天分享8个优秀的 Vue3 UI 组件库. Element Plus 相关网址:https://www.thosefree ...

  3. PrimeVue - 基于 Vue 3 的免费开源、定制性强的前端 UI 组件库

    来自国外的一个优秀的前端 UI 组件库,基于 Vue 3 很有特色,值得研究学习和上手使用. PrimeVue 介绍 PrimeVue 是一套非常优秀的 Vue UI 组件库,支持 Vue 3 的 w ...

  4. Naive UI - 火热出炉!基于 Vue 3.0/TypeScript 的免费开源前端 UI 组件库

    非大厂 KPI 项目!开源三天就收获 800 Star,还获得 Vue 作者尤雨溪的官方推荐. 关于 Naive UI Naive UI 是一款基于当前比较新的 Vue 3.0/TypeScript ...

  5. Element-UI 前端UI 组件库

    目录 Element-UI 前端UI 组件库 配置Element-UI 组件库 通过 UI 界面方式实现 配置插件 遇到的问题 Element-UI 前端UI 组件库 个人博客地址: Element- ...

  6. 十大常用前端UI组件库

    Vant 一款有赞出品轻量.可靠的的移动UI组件库,目前支持 Vue2.Vue3.React,微信和支付宝小程序,并由社区团队维护 React 版本和支付宝小程序版本. 官网的文档清晰易懂,如果你熟悉 ...

  7. 一些热门的前端UI组件库(附用例)

    1.Vuetify(Vue) Vuetify 官网 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库. 不需要任何设计技能 - 创建叹为观止的应用程序所需的一切都触手可及. 这是 ...

  8. Vue学习第36天——PC端和移动端常用的Vue UI组件库

    1.移动端常用UI组件库 ① Vant Vant 是有赞前端团队开源的移动端vue组件库,适用于手机端h5页面 网址:https://vant-contrib.gitee.io/vant/#/zh-C ...

  9. 与element-UI相媲美的前端UI组件库ArcoDesign 开源啦

    ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统.在打磨了近 3 年之后,通过字节内部大量业务沉淀和验证,我们开源了 ArcoDesign 设计系统.旨在 ...

  10. 搭建前端UI组件库(一)—— 构思

    本文讲述了搭建组件库前期的准备工作.主要是为了更了解UI组件库相关的知识. 这是自己边看边想边构思写的文档(俗话说知己知彼才能百战百胜嘛)所以先了解一下组件库的相关知识.开发的干货在第二章(还没放上来 ...

最新文章

  1. 侯捷译Practical Java(含源码)
  2. php内存缓存设计,求选择哪个缓存设计好一些?
  3. JAVA版StarDict星际译王简单实现
  4. 阿里员工发帖吐槽人不如驴:你不能一边抽我,一边问我爱不爱你
  5. 【版本更新】CAD组件Aspose.CAD 9月新版V17.9发布 | 支持IFC格式
  6. 辗转相除法应用之倒C语言实现
  7. 开源的魔兽世界参考架构——mangos
  8. java nextline_使用新一代Java
  9. 中小学生计算机一等奖李广圆,喜报:昌乐一中学生在第二十届全国中小学电脑制作活动中获两项大奖...
  10. 简单async数据分批处理
  11. 叮铃铃~:前端铃声组件easy-ring 1.0版本文档
  12. 前轮反馈控制(Stanley) 法
  13. Blender建模06
  14. The database could not be exclusively locked to perform the operation(SQL Server 5030错误解决办法)(转)...
  15. 免费DNS服务器地址,谁家速度快
  16. 将一个大文件分割为若干个小文件的方法
  17. 【Tableau 图表大全27】之区域图(面积图)
  18. 给出一个用逗号分隔开的字符串。求各部分之和
  19. js数组操作大全(pop,push,unshift,splice,shift方法)
  20. <<视觉问答>>2022:SwapMix: Diagnosing and Regularizingthe Over-Reliance on Visual Context in VQA

热门文章

  1. 移动应用的全新方式:超级app+轻应用
  2. 2015CGMC 参赛游戏名单
  3. 打开Excel2010时提示错误:向程序发送命令时出现问题!
  4. 线性回归模型之波士顿房价预测
  5. 解决使用shutil.rmtree无法删除文件夹的方案
  6. matlab图片测量尺寸_基于MATLAB的不规则面积图像测量
  7. margin的百分比参照物
  8. [XMAN2018排位赛]通行证
  9. C#中,想要获得我的Windows中“我的文档”,以及桌面等,文件夹的路径。
  10. docx文档怎么排列图片_怎么把图片文字转换成word?