Material UI 用法详解：React 生态最主流组件库，核心 MIT 免费高级组件商用收费
Material UI 是 React 生态里装机量最大的组件库之一，几乎实现了 Google 的 Material Des…
React 组件库
共 19 条资源
Ant Design 使用指南：国内企业级中后台事实标准，蚂蚁开源 MIT 授权
Ant Design 由蚂蚁集团开源，是国内企业级中后台几乎绕不开的组件库。它的强项不只是组件多，而是把一套设计语言、设计资…
Primer 设计系统：GitHub 官方前端方案，开发者工具界面最对口
Primer 是 GitHub 的前端设计系统——GitHub 网站自己就用它。它包含设计原则、Figma 资源、Prime…
shadcn/ui 完全上手指南：组件源码复制进你的 React 项目，2026 默认基元换 Base UI
shadcn/ui 最反直觉的一点：它不是 npm 依赖。你用 CLI 把组件源码直接复制进项目，之后代码就是你的，改什么都…
Chakra UI 上手指南：组合式 React 组件系统，暗色模式与无障碍都开箱即用
Chakra UI 走的是组合式路线：用声明式 props 拼组件，内置暗色模式，而且按 WAI-ARIA 规范做无障碍。想…
Mantine 完全指南：React 全功能组件库与上百 hooks，被评为体验最好的库之一
Mantine 的定位是 React 全功能组件库加 hooks 集合。它不只给组件，还顺手把表单、通知、日期、富文本这类常…
Arco Design：字节开源企业级设计系统，含 Vue 与 React
Arco Design 是字节跳动开源的企业级设计系统，同时提供 React 与 Vue 两个版本。设计规范专业、风格简约现…
HeroUI 完全指南：由原 NextUI 改名而来，默认视觉就很漂亮的 React 组件库
HeroUI 就是原来的 NextUI，2025 年 1 月正式改名。改名不是为了重写，而是把目标从只服务 Next.js …
Semi Design 上手指南：字节开源企业级设计系统，主题与换肤能力最强
Semi Design 是字节跳动（抖音）前端团队开源的企业级设计系统。它最出彩的不是组件数量，而是主题能力：主题商店、运行…
