React Component Libraries（React组件库对比）
两个简洁美观的 React 组件库替代品：COSS UI + HeroUI，比 shadcn/UI 更漂亮。
COSS UI（coss.com/ui）
| 维度 | 描述 |
|---|---|
| 基础 | 基于 Base UI，简洁美观 |
| 组件 | 50+ 组件，覆盖全面 |
| 特色 | 细节考究，带 484 个 Particles；内置 skills 等 AI 资源 |
| AI 友好 | 专为开发者 + AI 设计，⌘K 命令面板 |
| 许可证 | 开源 |
代表组件：Accordion、Alert Dialog、Autocomplete、Calendar、Date Picker、Drawer、Sheet、Preview Card、Pagination、OTP Field 等。
HeroUI（heroui.com）
| 维度 | 描述 |
|---|---|
| 基础 | 基于 React Aria + Tailwind CSS v4 |
| 风格 | 色彩鲜艳，更活泼，theme 丰富可定制 |
| 定位 | MUI / Chakra UI / shadcn/ui 的现代替代品 |
| AI 资源 | 完整的 LLM 文档（llms.txt）、MCP server、Agent Skills |
| Native | 同时提供 React Native 版本 |
Agent 资源亮点：
/.well-known/llms.txt+llms-full.txt- HeroUI React MCP server
- HeroUI React Agent Skills
- 同时提供 web + mobile 组件
对比
| COSS UI | HeroUI | |
|---|---|---|
| 基础 | Base UI | React Aria + Tailwind CSS v4 |
| 风格 | 简洁内敛，细节考究 | 色彩鲜艳，活泼可定制 |
| AI 资源 | Particles + Skills | MCP server + Agent Skills + LLM docs |
| 组件数量 | 50+ | 更全（web + native） |
| 适用 | 偏好简洁风格 | 偏好活泼多彩风格 |
两者都比 shadcn/UI 默认样式更精致，是更好的视觉替代选择。
Sources
- X/Twitter (2026-06-04)