# 挑组件 PickUI

> 好看的 UI 组件库，帮你挑好了。JarinHe 人工挑选并写点评的 UI 组件库导航，现收录 22 个组件库。

## 关于本站

我每期会挑几个真正好看、能直接用的组件库，附上真实截图和我的点评。

- 每个组件库都有：真实截图、一句话定位、适用场景、框架与定价、许可证、博主的实测点评。
- 收录标准：能直接抄进项目（复制源码或 shadcn 安装）、视觉或交互动效有明确价值、维护活跃。
- 站点语言为简体中文；组件库本身多为英文。
- 最新一期：第 1 期「AI 对话、无障碍、微交互：这周发现的 3 个 React 组件库」。

## 主要页面

- [全部组件库](https://pickui.jarin.me/)：按用途、框架、价格筛选，支持关键词搜索。
- [最新一期](https://pickui.jarin.me/?latest=1)：第 1 期收录的条目。
- [完整数据](https://pickui.jarin.me/llms-full.txt)：每个组件库的全部字段，适合直接解析。
- [MCP 接口](https://pickui.jarin.me/mcp)：只读工具 get_taxonomy、search_libraries、inspect_url；带 Token 可提交新的组件库。

## 字段与分类

- 框架：React / Vue / Svelte / Angular / HTML
- 用途：AI 界面 / 动效 & 微交互 / 落地页 / 中后台 / 通用基础组件
- 价格：免费 / 免费 + Pro / 付费 / 定价待确认
- 详情页地址格式：https://pickui.jarin.me/lib/{slug}

## 动效 & 微交互

- [EasyUI](https://pickui.jarin.me/lib/easyui)
- [beUI](https://pickui.jarin.me/lib/beui)
- [Bencho](https://pickui.jarin.me/lib/bencho)
- [Aceternity UI](https://pickui.jarin.me/lib/aceternity-ui)
- [Magic UI](https://pickui.jarin.me/lib/magic-ui)
- [Watermelon UI](https://pickui.jarin.me/lib/watermelon-ui)

## 落地页

- [EasyUI](https://pickui.jarin.me/lib/easyui)
- [Sombra](https://pickui.jarin.me/lib/sombra)
- [Aceternity UI](https://pickui.jarin.me/lib/aceternity-ui)
- [Magic UI](https://pickui.jarin.me/lib/magic-ui)
- [Tailwind Plus](https://pickui.jarin.me/lib/tailwind-plus)
- [Watermelon UI](https://pickui.jarin.me/lib/watermelon-ui)

## 中后台

- [ReUI](https://pickui.jarin.me/lib/reui)
- [Mantine](https://pickui.jarin.me/lib/mantine)
- [Ant Design](https://pickui.jarin.me/lib/ant-design)
- [Element Plus](https://pickui.jarin.me/lib/element-plus)
- [Naive UI](https://pickui.jarin.me/lib/naive-ui)
- [PrimeNG](https://pickui.jarin.me/lib/primeng)
- [Tailwind Plus](https://pickui.jarin.me/lib/tailwind-plus)

## 通用基础组件

- [ReUI](https://pickui.jarin.me/lib/reui)
- [coss ui](https://pickui.jarin.me/lib/coss-ui)
- [Great UI](https://pickui.jarin.me/lib/great-ui)
- [shadcn/ui](https://pickui.jarin.me/lib/shadcn-ui)
- [Mantine](https://pickui.jarin.me/lib/mantine)
- [Naive UI](https://pickui.jarin.me/lib/naive-ui)
- [Vuetify](https://pickui.jarin.me/lib/vuetify)
- [Skeleton](https://pickui.jarin.me/lib/skeleton)
- [shadcn-svelte](https://pickui.jarin.me/lib/shadcn-svelte)
- [Angular Material](https://pickui.jarin.me/lib/angular-material)
- [HeroUI](https://pickui.jarin.me/lib/heroui)

## AI 界面

- [coss ui](https://pickui.jarin.me/lib/coss-ui)

## 收录清单（按收录时间倒序）

- [EasyUI](https://pickui.jarin.me/lib/easyui)：微动效 React 组件，复制源码即用（免费，动效 & 微交互/落地页）
- [ReUI](https://pickui.jarin.me/lib/reui)：shadcn 生态里的后台组件仓库（免费 + Pro，中后台/通用基础组件）
- [Sombra](https://pickui.jarin.me/lib/sombra)：调分层渐变，导出 React 组件（定价待确认，落地页）
- [beUI](https://pickui.jarin.me/lib/beui)：复制即用的 Motion 动效组件（免费 + Pro，动效 & 微交互）
- [coss ui](https://pickui.jarin.me/lib/coss-ui)：直接拼出 AI 聊天 / 助手界面（免费，AI 界面/通用基础组件）
- [Great UI](https://pickui.jarin.me/lib/great-ui)：无障碍优先，复制粘贴就能用（免费，通用基础组件）
- [Bencho](https://pickui.jarin.me/lib/bencho)：让按钮、开关有手感的微交互（定价待确认，动效 & 微交互）
- [shadcn/ui](https://pickui.jarin.me/lib/shadcn-ui)：源码复制进项目，样式完全自己掌控（免费，通用基础组件）
- [Aceternity UI](https://pickui.jarin.me/lib/aceternity-ui)：落地页上抢眼的光效和滚动动画（免费 + Pro，动效 & 微交互/落地页）
- [Magic UI](https://pickui.jarin.me/lib/magic-ui)：营销页常用的动效小组件（免费 + Pro，动效 & 微交互/落地页）
- [Mantine](https://pickui.jarin.me/lib/mantine)：组件 + hooks 的一站式全家桶（免费，通用基础组件/中后台）
- [Ant Design](https://pickui.jarin.me/lib/ant-design)：企业中后台的成熟方案（免费，中后台）
- [Element Plus](https://pickui.jarin.me/lib/element-plus)：Vue 3 管理后台的常用选择（免费，中后台）
- [Naive UI](https://pickui.jarin.me/lib/naive-ui)：主题可调、全 TypeScript 的 Vue 组件（免费，中后台/通用基础组件）
- [Vuetify](https://pickui.jarin.me/lib/vuetify)：Material Design 风格的 Vue 全家桶（免费，通用基础组件）
- [Skeleton](https://pickui.jarin.me/lib/skeleton)：用设计令牌一键切换整套主题（免费，通用基础组件）
- [shadcn-svelte](https://pickui.jarin.me/lib/shadcn-svelte)：Svelte 版的 shadcn/ui（免费，通用基础组件）
- [Angular Material](https://pickui.jarin.me/lib/angular-material)：Angular 官方维护的 Material 组件（免费，通用基础组件）
- [PrimeNG](https://pickui.jarin.me/lib/primeng)：数据表格等重型组件很全（免费 + Pro，中后台）
- [Tailwind Plus](https://pickui.jarin.me/lib/tailwind-plus)：Tailwind 官方的页面区块和整站模板（付费，落地页/中后台）
- [HeroUI](https://pickui.jarin.me/lib/heroui)：React Aria + Tailwind 的现代组件库（免费 + Pro，通用基础组件）
- [Watermelon UI](https://pickui.jarin.me/lib/watermelon-ui)：动效组件 + 落地页与后台区块（免费，动效 & 微交互/落地页）

## 引用约定

- 引用条目时请链接到对应的 https://pickui.jarin.me/lib/{slug} 页面。
- 点评是 JarinHe 的主观判断，引用时请注明是编辑观点。
- 数据以页面为准；本站不接受付费排名。