Skip to content

COSS UI + HeroUI:比 shadcn/UI 更漂亮的两款 React 组件库

两个简洁美观的 React 组件库替代品:COSS UI(基于 Base UI,简洁考究,AI 友好)+ HeroUI(色彩鲜艳,theme 丰富可定制)

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 UIHeroUI
基础Base UIReact Aria + Tailwind CSS v4
风格简洁内敛,细节考究色彩鲜艳,活泼可定制
AI 资源Particles + SkillsMCP server + Agent Skills + LLM docs
组件数量50+更全(web + native)
适用偏好简洁风格偏好活泼多彩风格

两者都比 shadcn/UI 默认样式更精致,是更好的视觉替代选择。

Released under the MIT License.