跳到主要内容

前端 UI 组件库

Vue 3

Element Plus

基于 Vue 3,面向设计师和开发者的组件库 。

创作者: 饿了么团队
文档地址: https://element-plus.gitee.io/zh-CN/

Ant Design Vue

ant-design-vue 为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。

创作者: 开源社区
文档地址: https://antdv.com/components/overview-cn

Vant 4

轻量、可靠的移动端 Vue 组件库。

创作者: 有赞团队
文档地址: https://vant-contrib.gitee.io/vant/#/zh-CN

Arco Design Vue

智能设计体系,连接轻盈体验,字节跳动出品的企业级设计系统。

创作者: 字节跳动
文档地址: https://arco.design/vue/docs/start

VARLET

Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库,全面拥抱 Vue3 生态,由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化,并提供 VSCode 插件保障良好的开发体验。

创作者: 开源社区
文档地址: https://varlet.gitee.io/varlet-ui/#/zh-CN/index

Naive UI

一个 Vue 3 组件库,比较完整,主题可调,使用 TypeScript,快,有点意思 。

创作者: 图森未来
文档地址:https://www.naiveui.com/zh-CN/light

Vue DevUI

一个基于 DevUI Design 的 Vue3 组件库。

创作者: 华为
文档地址: https://vue-devui.github.io/

TinyVue

TinyVue 是一个基于 Vue 的 UI 组件库,可以同时支持 Vue 2.0 和 Vue 3.0。

创作者: 华为云
文档地址: https://opentiny.design/tiny-vue/zh-CN/os-theme/docs/envpreparation

View UI Plus

View UI Plus 是 View Design 设计体系中基于 Vue.js 3 的一套 UI 组件库,主要用于企业级中后台系统。

创作者: 长沙开发者科技有限公司
文档地址: https://www.iviewui.com/view-ui-plus/guide/introduce

Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.

创作者: 开源社区
文档地址: https://next.vuetifyjs.com/en/

Wave UI

A Vue.js UI framework with only the bright side.

创作者: 开源社区
文档地址: https://antoniandre.github.io/wave-ui/

PRIMEVUE

PrimeVue is a rich set of open source native components for Vue.

创作者: 开源社区
文档地址: https://primevue.org/

Equal UI

Equal UI is a Vue 3 hackable components library with 30+ components on top of Tailwindcss

创作者: 开源社区
文档地址: https://equal-ui.github.io/Equal/

Vue 2

Vant

轻量、可靠的移动端 Vue 组件库。

创作者: 有赞团队
文档地址: https://vant-contrib.gitee.io/vant/v2/#/zh-CN/

AT-UI

AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站中后台产品。

创作者: 凹凸实验室
文档地址: https://at-ui.github.io/at-ui/#/zh

Vuetify

Vuetify is a no design skills required UI Framework with beautifully handcrafted Vue Components.

创作者: 开源社区
文档地址: https://vuetifyjs.com/en/getting-started/

Element

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

创作者: 饿了么团队
文档地址: https://element.eleme.cn/#/zh-CN

TinyVue

TinyVue 是一个基于 Vue 的 UI 组件库,可以同时支持 Vue 2.0 和 Vue 3.0。

创作者: 华为云
文档地址: https://opentiny.design/tiny-vue/zh-CN/os-theme/docs/envpreparation

Wave UI

A Vue.js UI framework with only the bright side.

创作者: 开源社区
文档地址: https://antoniandre.github.io/wave-ui/

Vuesax

We love what we do. Let us help you do what You love.

创作者: 开源社区
文档地址: https://lusaxweb.github.io/vuesax/development/

React

Ant Design of React

antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。

创作者: 蚂蚁金服团队
文档地址: https://ant.design/docs/react/introduce-cn

React Vant

根据 Vant 开发的基于 React 开发的移动端组件库。

创作者: 开源社区
文档地址: https://react-vant-gitee.3lang.dev/

Arco Design React

智能设计体系,连接轻盈体验,字节跳动出品的企业级设计系统。

创作者: 字节跳动
文档地址: https://arco.design/react/docs/start

Element React

Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community.

创作者: 开源社区
文档地址: https://elemefe.github.io/element-react/index

Material UI

React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统,或者从 Material Design 开始。

创作者: 开源组织
文档地址:https://mui.com/material-ui/getting-started/overview/

PRIMEREACT

PrimeReact is a rich set of open source UI components for React.

创作者: 开源社区
文档地址: https://primereact.org/

Carbon Design System

Carbon 是 IBM 针对产品和数字体验的开源设计系统。 该系统以 IBM 设计语言为基础,由工作代码、设计工具和资源、人机界面指南以及充满活力的贡献者社区组成。

创作者: IBM
文档地址: https://carbondesignsystem.com/

Chakra UI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

创作者: 开源社区
文档地址: https://chakra-ui.com/

Radix UI

An open source component library optimized for fast development, easy maintenance, and accessibility.

创作者: workos
文档地址: https://www.radix-ui.com

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

创作者: workos
文档地址: https://ui.shadcn.com

跨框架技术

Semi Design

由抖音前端与 UED 团队维护,易于定制的现代化设计系统,帮助设计师与开发者打造高质量产品。

创作者: 抖音前端团队
文档地址: http://semi.design/zh-CN/start/getting-started

Taro

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

创作者: 京东 Taro 团队
文档地址: https://taro-docs.jd.com/docs/

Quark

Quark 是一款基于 Web Components 的跨框架 UI 组件库。 它可以同时在任意框架或无框架中使用。

创作者: 开源社区
文档地址: https://quark-design.hellobike.com/#/