UI 组件库资源

免费开源前端 UI 组件库导航，涵盖 React 与 Vue 组件库，包括 Ant Design、Element Plus、Naive UI、Radix UI、shadcn/ui 和 Vant，方便组件选型。共 32 项资源。

• Ant Design

  面向企业应用的 React 组件与设计体系。

• Element Plus

  面向 Vue 3 的常用业务组件库。

• Naive UI

  提供主题配置与 TypeScript 支持的 Vue 3 组件库。

• Radix UI Primitives

  侧重可访问交互的无样式 React 组件基础。

• shadcn/ui

  把组件代码加入项目后自行维护的 UI 组件方案。

• MUI Material UI

  实现 Material Design 的 React 组件库。

• Chakra UI

  支持样式属性与组合式构建的 React 组件库。

• Mantine

  包含界面组件及相关 Hooks 的 React 组件生态。

• Headless UI

  为 React 和 Vue 提供无样式交互组件。

• Vuetify

  基于 Material Design 的 Vue UI 框架。

• Ant Design Vue

  面向 Vue 的 Ant Design 风格组件库。

• Arco Design React

  提供主题与业务组件的 React 设计体系。

• Vant

  面向移动端网页的 Vue 组件库。

• Ark UI

  为多个框架提供可定制的无样式组件基础。

• Quasar

  包含 UI 组件和应用开发工具的 Vue 框架。

• Ant Design Mobile

  面向移动端网页的 React 组件库。

• NutUI

  面向移动端场景的 Vue 组件库。

• TDesign Vue Next

  TDesign 设计体系的 Vue 3 组件实现。

• TDesign React

  TDesign 设计体系的 React 组件实现。

• Semi Design

  包含业务组件和主题能力的 React 设计系统。

• Fluent UI React

  Microsoft Fluent 设计体系的 React 组件。

• NG-ZORRO

  面向 Angular 的 Ant Design 风格组件库。

• Angular Material

  Angular 的 Material Design 组件实现。

• React Aria Components

  提供可访问交互基础、支持自定义外观的 React 组件。

• Base UI

  用于构建设计系统的无样式 React 组件。

• daisyUI

  基于 Tailwind CSS 提供语义化组件类和主题。

• Flowbite（开源组件）

  基于 Tailwind CSS 的组件和交互资源。

• Nuxt UI

  Vue 生态的 UI 组件与主题方案。

• Reka UI

  面向 Vue 的无样式交互组件基础。

• Arco Design Vue

  Arco Design 设计体系的 Vue 组件实现。

• shadcn-vue

  把可定制组件源码加入 Vue 项目的组件方案。

• Bootstrap

  提供栅格、样式工具和常用交互组件的前端工具包。