UI 库

Bing🐣大约 2 分钟

提示

导航数据完善中，欢迎 👏👏 通过 PR 或者点击下方的在 GitHub 上编辑此页提供其他未收集的站点

UI 库

Element Plus

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

Element

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

Ant Design

基于 Ant Design 设计体系的 React UI 组件库。

Ant Design Vue

Ant Design 的 Vue 实现，开发和服务于企业级后台产品。

Quasar Framework

构建高性能和高质量的Vue 3组件库。

Naive UI

一个 Vue 3 组件库，使用 TypeScript，快，有点意思。

一个不要求设计能力的Vue界面组件框架，自带了许多自行设计实现的Vue组件。

Radix Vue

无样式、可访问的组件，用于在 Vue 中构建高质量的设计系统和 Web 应用程序。

Anu

基于 DX 实用程序的 Vue 组件库。

Vuestic

一个基于开源 Vue 3 的 UI 框架。

- icon: 'https://api.liubing.me/favicon/element-plus.org.png'
  name: Element Plus
  desc: 基于 Vue 3，面向设计师和开发者的组件库。
  link: https://element-plus.org/zh-CN/
  github: https://github.com/element-plus/element-plus

- icon: 'https://api.liubing.me/favicon/element.eleme.cn.png'
  name: Element
  desc: 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
  link: https://element.eleme.cn/
  github: https://github.com/ElemeFE/element

- icon: 'https://api.liubing.me/favicon/ant.design.png'
  name: Ant Design
  desc: 基于 Ant Design 设计体系的 React UI 组件库。
  link: https://ant.design/
  github: https://github.com/ant-design/ant-design

- icon: 'https://api.liubing.me/favicon/antdv.com.png'
  name: Ant Design Vue
  desc: Ant Design 的 Vue 实现，开发和服务于企业级后台产品。
  link: https://antdv.com/
  github: https://github.com/vueComponent/ant-design-vue

- icon: 'https://api.liubing.me/favicon/quasar.dev.png'
  name: Quasar Framework
  desc: 构建高性能和高质量的Vue 3组件库。
  link: https://quasar.dev/
  github: https://github.com/quasarframework/quasar

- icon: 'https://api.liubing.me/favicon/naiveui.com.png'
  name: Naive UI
  desc: 一个 Vue 3 组件库，使用 TypeScript，快，有点意思。
  link: https://naiveui.com/
  github: https://github.com/tusen-ai/naive-ui

- icon: 'https://api.liubing.me/favicon/l-ui.com.png'
  name: LuLu UI
  desc: 阅文集团荣誉出品的前端 UI 组件库。
  link: https://l-ui.com/
  github: https://github.com/yued-fe/lulu

- icon: 'https://api.liubing.me/favicon/primevue.org.png'
  name: PrimeVue
  desc: 一套丰富的 Vue 开源 UI 组件库。
  link: https://primevue.org/
  github: https://github.com/primefaces/primevue

- icon: 'https://api.liubing.me/favicon/vuetifyjs.com.png'
  name: Vuetify
  desc: 一个不要求设计能力的Vue界面组件框架，自带了许多自行设计实现的Vue组件。
  link: https://vuetifyjs.com/
  github: https://github.com/vuetifyjs/vuetify

- icon: 'https://api.liubing.me/favicon/radix-vue.com.png'
  name: Radix Vue
  desc: 无样式、可访问的组件，用于在 Vue 中构建高质量的设计系统和 Web 应用程序。
  link: https://radix-vue.com/
  github: https://github.com/radix-vue/radix-vue

- icon: 'https://api.liubing.me/favicon/anu-vue.netlify.app.png'
  name: Anu
  desc: 基于 DX 实用程序的 Vue 组件库。
  link: https://anu-vue.netlify.app/
  github: https://github.com/jd-solanki/anu

- icon: 'https://api.liubing.me/favicon/vuestic.dev.png'
  name: Vuestic
  desc: 一个基于开源 Vue 3 的 UI 框架。
  link: https://vuestic.dev/
  github: https://github.com/epicmaxco/vuestic-ui

原子 UI

TW-Elements

一套基于Tailwind的 UI 组件库。

Headless UI

完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。

Nuxt UI

使用 Headless UI 和 Tailwind CSS 构建。

Daisy UI

最受欢迎的组件库，基于Tailwind CSS。

shadcn/ui

设计精美的组件，您可以将其复制并粘贴到您的应用程序中。

- icon: 'https://api.liubing.me/favicon/tw-elements.com.png'
  name: TW-Elements
  desc: 一套基于Tailwind的 UI 组件库。
  link: https://tw-elements.com/
  github: https://github.com/mdbootstrap/TW-Elements

- icon: 'https://api.liubing.me/favicon/headlessui.com.png'
  name: Headless UI
  desc: 完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。
  link: https://headlessui.com/
  github: https://github.com/tailwindlabs/headlessui

- icon: 'https://api.liubing.me/favicon/ui.nuxtlabs.com.png'
  name: Nuxt UI
  desc: 使用 Headless UI 和 Tailwind CSS 构建。
  link: https://ui.nuxtlabs.com/
  github: https://github.com/nuxt/ui

- icon: 'https://api.liubing.me/favicon/daisyui.com.png'
  name: Daisy UI
  desc: 最受欢迎的组件库，基于Tailwind CSS。
  link: https://daisyui.com/
  github: https://github.com/saadeghi/daisyui

- icon: 'https://api.liubing.me/favicon/ui.shadcn.com.png'
  name: shadcn/ui
  desc: 设计精美的组件，您可以将其复制并粘贴到您的应用程序中。
  link: https://ui.shadcn.com/
  github: https://github.com/shadcn-ui/ui