跳到主要内容

前端 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/#/

成为赞助商