通用基础组件库推荐
按钮、表单、弹窗这类每个项目都要用的基础组件,适合从零搭产品界面。
共 17 个 · 由 JarinHe 人工挑选,附真实截图和点评
为 AI 应用打造的玻璃质感设计系统
UmamiBar 软件就是复刻的这个组件库的玻璃质感效果、
最适合 AI 界面 / 通用基础组件AI界面 · 玻璃质感
React · [待确认]官网
Svelte 版的 shadcn/ui
用 Svelte 又羡慕 shadcn 的,直接用这个。
最适合 通用基础组件Svelte 5 · 源码归你
Svelte · Bits UI · Tailwind官网
怎么选:17 个通用基础组件库速览
- AWC UI:一套代码跑遍五大框架的 MD3 组件库。适合多框架团队或企业中后台,想统一用一套 Material 3 组件。 免费
- zard/ui:Angular 的 shadcn 式组件库。适合用 Angular 又想要 shadcn 体验的团队,源码全量归自己。 免费
- HextaUI:给 AI 产品用的 shadcn 组件库。适合做 AI 聊天、Agent 界面的 React 团队,流式与审批态开箱即用。 免费 + Pro
- Kumo UI:Cloudflare 出品的 React 组件库。适合做 SaaS、中后台与数据类产品界面。 免费 · MIT
- Solid Glass:为 AI 应用打造的玻璃质感设计系统。适合做 AI 聊天/智能体界面的开发者。 免费 · MIT
- Chakra UI:简单、模块化且无障碍的 React 组件系统。适合快速搭 React 产品界面,自带主题与无障碍。 免费 + Pro · MIT
- ReUI:shadcn 生态里的后台组件仓库。适合用 shadcn/Base UI 打底、要更多业务向组件。 免费 + Pro · MIT
- coss ui:直接拼出 AI 聊天 / 助手界面。适合想要 shadcn 式源码开放、又有完整设计系统的 React 项目。 免费 · MIT
- Great UI:无障碍优先,复制粘贴就能用。适合React 项目,要现成的高颜值动效组件。 免费
- shadcn/ui:源码复制进项目,样式完全自己掌控。适合React 项目,要源码完全自有、按需拼装组件。 免费 · MIT
- Mantine:组件 + hooks 的一站式全家桶。适合React 全场景开发,要组件全、Hooks 与表单都省心。 免费 · MIT
- Naive UI:主题可调、全 TypeScript 的 Vue 组件。适合Vue 3 中后台,看重主题定制与 TypeScript 体验。 免费 · MIT
- Vuetify:Material Design 风格的 Vue 全家桶。适合Vue 中后台,要 Material 风格的完整组件生态。 免费 · MIT
- Skeleton:用设计令牌一键切换整套主题。适合Svelte/React 项目,要带主题系统的组件底座。 免费 · MIT
- shadcn-svelte:Svelte 版的 shadcn/ui。适合Svelte 项目,想要 shadcn 同款的源码自有模式。 免费 · MIT
- Angular Material:Angular 官方维护的 Material 组件。适合Angular 项目,要官方 Material 实现与无障碍保障。 免费 · MIT
- HeroUI:React Aria + Tailwind 的现代组件库。适合React + Tailwind 项目,要精致默认样式和无障碍底子。 免费 + Pro · Apache-2.0
















