前端UI组件库

Fighting Design – 由个人开发的 Vue3 前端组件库，上手使用简单、灵活

Fighting Design 是一款灵活、优质的前端组件库，基于当前流行的 Vue3 + TypeScript + Vite 开发，方便开发者在 Vue3 项目中快速集成。和绝大多数开源的组件库不同，这个项目主要由来自杭州的开发者田同学开发和维护，在最新的一期阮一峰科技周刊中还被推荐了，广受关注。

KingDesign – 金山云出品的设计系统，包含一套支持 vue3 的前端 ui 组件库

早在两年前，我就介绍了金山云出品的 kpc 这套组件库，现在这套组件库迎来了全新的 2.0 版本，名字也更改为 KingDesign ，整体质量有了很大的提升，更接近于 element UI 或 Ant design 这种完整的设计系统，在产品研发中，一般用于搭建中后台管理系统。

Vexip UI 是一款新鲜出炉的前端 UI 组件库，基于最新的 Vue3 开发，主要用于web 项目 UI 界面开发。作者是来自广州的开发者qmhc，没有大厂背景，在工作之余开发了这套组件库。

Uigg – 免费开源、灵活的高颜值前端 UI 工具套件，专为设计师打造

Uigg 是为设计师打造的配色漂亮、设计细节感人的前端框架，主要思想是：自由和灵活性。相比于很多开发至上、效率至上的 UI 框架，Uigg 没有提供网格，开发迭代优化等会限制设计师发挥的元素。只提供了基本 web 元素，酷炫的特效，全面的图标以及很多有趣的东西。而且它非常易于使用，这使您可以专注于设计，而不是代码。

OnsenUI – 专为混合开发/手机 web 应用打造的开源移动端 UI 组件库

Onsen UI 是一套专为移动应用设计的丰富的 UI 组件库，使用前端开发者熟悉的javascript/html/css 来开发移动应用，所有的组件都按照原生 iOS 和 Android Material Design 设计标准规范

Naive Ui Admin – 基于 Vue3/Vite/TS 等最新的前端技术栈构建的免费开源中后台前端框架

Naive Ui 是不久之前推荐的一款优秀的 UI 组件库，基于最新的 Vue3.0、Vite、 Naive UI、TypeScript 等前端技术栈，而今天分享的 Naive Ui Admin 就是基于 Naive Ui 构建的 admin 中后台前端框架。

Vant 3 – 有赞出品的开源移动UI组件库，基于 Vue3 重构发布

在移动端的地位相当于 element ui，相当强劲的一款UI组件库，v3版本经过半年的迭代，已经非常稳定了。

NutUI 3.0 – 京东出品的轻量免费开源 Vue 组件库迎来了全新版本更新

NutUI 是京东样式风格的 Vue 移动端组件库，开发和服务于移动 Web 界面的企业级产品。

ChatUI – 阿里出品的客服对话领域的前端开源组件库

使用 ChatUI 帮助开发者快速搭建体验友好的机器人对话界面，部分独立软件开发商已经在阿里内部内测使用，开发周期从平均14天大大缩短到2天。

Quasar – 性能顶级的多平台 web UI 组件开源框架

Quasar 是一个基于 Vue.js 开发的，性能顶级，能够用于快速开发 web 桌面产品或 App 项目，编写一次代码，同时发布为网站、移动应用或Electron 桌面应用。

Element Plus – 饿了么团队基于 Vue 3.0 更新发布的优秀开源桌面 UI 组件库

这是Element UI 的升级版本，体验同样优秀，api更加友好，文档同样详尽，很香。

Wired Elements – 极具特色的免费开源手绘风格 UI 组件库

Wired Elements 是一款手绘线框风格的，包含了web 开发常见的基本 UI 元素，能够满足快速构建自然的手绘产品界面。

Mint UI – 饿了么出品的开源、轻量的移动端 UI 组件库

一款轻量化的移动端 UI 组件库，风格中性，css3动效性能优秀，支持按需加载。

KPC – 金山云出品的高质量开源前端 UI 组件库

前端发展非常繁荣，不少大厂都推出了自己的 UI 组件库，金山云作为一个手握国民办公软件 WPS 的老牌的国产软件厂商，也推出了自家的前端框架 KPC。

uView UI – 支持APP/H5/各小程序平台多端发布的通用 UI 框架

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

Vuetify – 广受欢迎的 Material Design 风格的开源 UI 框架

Material Design 是 Google 推出的设计语言，颜色鲜艳、动画效果突出，旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。

vonic – 简约漂亮、体验接近原生 App 的开源移动端 UI 组件库

vonic 是一个基于和 ionic 样式的，主要用于快速构建移动端单页应用，也就是用我们熟悉的 html+css，javascript 来开发App。

Vant Weapp – 有赞出品的免费开源微信小程序组件库

轻量可靠的小程序UI组件库，主流移动组件库 Vant 的微信小程序版本。

Tippy.js – 免费开源且高度可定制的气泡提示独立组件

Tippy.js 是一款用于 Web 的完整工具提示，弹出菜单，下拉菜单和菜单解决方案。适用于鼠标，键盘和触摸输入。

Bootstrap Icons – bootstrap 专用的漂亮开源图标库，可以免费商用

专门为著名的前端开发 UI 框架 Bootstrap 的组件和文档定制开发的图标库。

iconmonstr – 提供超过4000个精致图标免费商用的图标库网站

iconmonstr 是一个以简单线条为主的的免费图标库，截止发稿，收录了超过4496个图标！相比于很多简约简单的图标，iconmonstr 的图标表现力非常丰富，非常适合用在PPT、企业官网设计下的大图标块以及 UI 界面上的大图标模块，非常地好看。

NutUI – 由京东出品，适合快速开发商城类h5、小程序的移动端 UI 组件库

NutUI 1.0 版本于 2018 年发布，是一套来自京东用户体验设计部（JDC）前端开发部的移动端组件库。近期，全新版本的 NutUI JDL 发布了，定位京东风格的移动端精品组件库，并不是 NutUI 的简单升级版。NutUI JDL 是我比较中意的一款，大量小巧漂亮的动画让我爱不释手。

View UI – 国内一线互联网公司都在用的中后台开源UI组件库

View UI ，即原先的 iView，一套基于 Vue 的开源 UI 组件库，主要用于 PC 界面的中后台产品。View UI 的初衷是提供高质量、功能丰富的基础组件，以及友好的 API，当然还有独树一帜的漂亮 UI。核心研发团队来自一线 to B 企业，对中后台产品、业务有着多年的深入研究和沉淀。

Vant – 有赞出品的移动UI组件库

轻量、可靠的移动端，采用 MIT 开源协议, 目前github star 数23k+，是有赞的一套开源组件库。通过 Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近 60+ 个组件，这些组件被广泛使用于有赞的各个移动端业务中。

Ant Design – 阿里巴巴旗下的企业级 UI 组件库

Ant Design 是一个带设计语言的免费 UI 框架，一个致力于提升「用户」和「设计者」使用体验的企业级设计体系，简单地说，能够让使用它的人更愉悦。

Element – 饿了么团队出品的神级桌面 UI 组件库

由饿了么团队出品，一套为开发者、设计师和产品经理准备的组件库，提供了配套axure、设计资源，可以直接下载使用，能帮我等搬砖人员节省大量的时间。

前端UI组件库

最新文章