免费 UI 组件库推荐
完全免费可商用的组件库（具体以各自的许可证为准）。
共 20 个 · 由 JarinHe 人工挑选，附真实截图和点评
为 AI 应用打造的玻璃质感设计系统
UmamiBar 软件就是复刻的这个组件库的玻璃质感效果、
最适合 AI 界面 / 通用基础组件AI界面 · 玻璃质感
React · [待确认]官网
Svelte 版的 shadcn/ui
用 Svelte 又羡慕 shadcn 的，直接用这个。
最适合 通用基础组件Svelte 5 · 源码归你
Svelte · Bits UI · Tailwind官网
动效组件 + 落地页与后台区块
还没点评这个库，先看看截图
最适合 动效 & 微交互 / 落地页shadcn 安装 · 动效组件
React · Motion · Tailwind官网
怎么选：20 个免费 UI 组件库速览
- AWC UI：一套代码跑遍五大框架的 MD3 组件库。适合多框架团队或企业中后台，想统一用一套 Material 3 组件。 免费
- zard/ui：Angular 的 shadcn 式组件库。适合用 Angular 又想要 shadcn 体验的团队，源码全量归自己。 免费
- Kumo UI：Cloudflare 出品的 React 组件库。适合做 SaaS、中后台与数据类产品界面。 免费 · MIT
- Solid Glass：为 AI 应用打造的玻璃质感设计系统。适合做 AI 聊天/智能体界面的开发者。 免费 · MIT
- AI Elements：基于 shadcn 的 AI 原生应用组件库。适合用 AI SDK 做聊天、助手类应用的团队。 免费 · Apache-2.0
- assistant-ui：为 AI 对话产品准备的 React 前端库。适合做 AI 聊天产品，不用从零搭对话界面。 免费 · MIT
- Canvas UI：35 个复制即用的 canvas 特效组件。适合想给页面加创意动效的前端开发者。 免费 · MIT + Commons Clause
- EasyUI：微动效 React 组件，复制源码即用。适合做落地页或产品页，要拿来即用的高质感动效组件。 免费 · MIT
- coss ui：直接拼出 AI 聊天 / 助手界面。适合想要 shadcn 式源码开放、又有完整设计系统的 React 项目。 免费 · MIT
- Great UI：无障碍优先，复制粘贴就能用。适合React 项目，要现成的高颜值动效组件。 免费
- shadcn/ui：源码复制进项目，样式完全自己掌控。适合React 项目，要源码完全自有、按需拼装组件。 免费 · MIT
- Mantine：组件 + hooks 的一站式全家桶。适合React 全场景开发，要组件全、Hooks 与表单都省心。 免费 · MIT
- Ant Design：企业中后台的成熟方案。适合企业级中后台，要经大规模验证的设计规范。 免费 · MIT
- Element Plus：Vue 3 管理后台的常用选择。适合Vue 3 中后台，团队熟 Element、看重中文生态。 免费 · 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
- Watermelon UI：动效组件 + 落地页与后台区块。适合做 AI 应用，要现成的对话与生成类界面组件。 免费 · MIT