@coreui/react

中文文档
5.13.1发布于 2026/10/05MITTypeScriptESM + CJS近 30 天下载 42.3万

React.js 的 UI 组件库

中文使用文档
文档目录24 节
  1. React.js 的核心UI
  2. 目录
  3. 快开始
  4. 安装
  5. 样式表
  6. 构成部分
  7. 状态
  8. 错误和特性请求
  9. 文档
  10. 正在本地运行文档
  11. 框架
  12. 模板
  13. 数据网格
  14. 捐款
  15. 社区
  16. 版本
  17. 创建者
  18. 支持核心UI开发
  19. 白金赞助商
  20. 黄金赞助商
  21. 白银赞助商
  22. 青铜赞助商
  23. 备份
  24. 版权和许可证

CoreUI logo

React.js 的核心UI

React.js 组件库建于"靴子"5和"TypeScript"上方.
探索用于 react.js docs 的 CoreUI 工具

报告错误 • 妇女 请求特性 • 妇女 博客

目录

快开始

安装

有几个快速启动选项:

  • 下载最新版本
  • 克隆还原器 : git clone https://github.com/coreui/coreui-react.git
  • 安装方式 无数字 : npm install @coreui/react
  • 安装方式 线条数字 : yarn add @coreui/react

读取 正在启动页面 用于提供框架内容、模板和实例等方面的信息.

样式表

反应组件使用 @coreui/coreui CSS库,但也可以使用有靴子的CSS库. 这是可能的,因为 @coreui/coreui 库与靴子陷阱兼容, 它只是扩展其功能。 唯一的例外是自定义 CoreUI 组件,在靴子生态系统中并不存在.

CoreUI CSS 文件

安装
yarn add @coreui/coreui

或者说

npm install @coreui/coreui --save
基本用途
import '@coreui/coreui/dist/css/coreui.min.css'

Bootstrap CSS 文件 :

安装
yarn add bootstrap

或者说

npm install bootstrap
基本用途
import "bootstrap/dist/css/bootstrap.min.css";

构成部分

状态

npm version

错误和特性请求

有错误或特性请求吗? 请先读一下 问题指南 并寻找现有和已解决的问题。 如果你的问题或想法还没有解决, 请开一期。 。 。 .

文档

CoreUI & CoreUI PRO的文件由我们的网站托管 反应的 CoreUI

正在本地运行文档

  1. 运行 yarn install 或者说 npm install 以安装Node.js依赖.
  2. 运行 yarn bootstrap 或者说 npm run bootstrap 连接本地软件包并安装剩余软件包的依赖性.
  3. 从根目录中运行 yarn docs:dev 或者说 npm run docs:dev (或特定 npm 脚本) 重建已分发的 CSS 和 JavaScript 文件, 以及我们的文件库 .
  4. 打开 http://localhost:8000/ 在你的浏览器里, 和voilà.

框架

CoreUI支持最受欢迎的框架.

模板

根据 CoreUI 为您的应用程序设置了功能齐全的外框模板 .

数据网格

CoreUI React Data Grid 处理10万+行,有排序,过滤,虚拟化,列针化,内置编辑和CSV导出——使用你已经使用的相同的标记和样式表.

npm install @coreui/react-data-grid

一个许可证还覆盖了JavaScript,Vue和Angular. 这是单独的加法,不是CoreUI PRO的一部分.

捐款

请读读我们的 提供指南其中包括开发问题的方向、编码标准和关于发展的说明.

编辑器首选项在 编辑器配置 以方便在普通文本编辑器中使用。 更多阅读和下载插件 https://editorconfig.org/ (中文(简体) )。 。 。 .

社区

随时了解CoreUI的发展情况,利用这些有用资源与社区联系.

你也可以跟着 @core ui 在推特上。 。 。 .

版本

为了提高发布周期的透明度并努力保持后向相容性,CoreUI被保留在 语义版准则。 。 。 .

见 我们的项目的释放部分 每个发行版本的更改日志.

创建者

库克什·霍雷克

安杰伊·科潘斯基

CoreUI团队

支持核心UI开发

CoreUI是一个麻省理工学院许可的开源项目,完全可以自由使用. 然而,如果没有适当的财政支助,维持和开发项目新特点所需的努力是不可持续的。 您可以通过购买支持开发 CoreUI Pro 软件公司 或经由下列途径成为提案国: 开放集体。 。 。 .

白金赞助商

支持该项目的有: 成为白金赞助商。这里将添加一个大公司的标志,并链接到您的网站.

黄金赞助商

支持该项目的有: 成为黄金赞助商。这里将添加一个大公司标志,并链接到您的网站.

白银赞助商

支持该项目的有: 成为银色赞助商。这里将添加一个中型公司的标志,并链接到您的网站.

青铜赞助商

支持该项目的有: 成为铜制赞助商。Avatar公司将在这里出现 链接到你的 OpenCollective 简介.

备份

感谢所有支持者和赞助商! 支持该项目的有: 成为后卫。 。 。 .

版权2026年创作"Labs"-"ukasz Holeczek". 代码根据 MIT 许可证。根据 创意常识。 。 。 .

版本与发布记录

@coreui/react 共发布 175 个版本,首次发布于 2017/09/28;过去 12 个月发布了 6 个版本。

版本发布日期距今
5.13.1latest2026/10/051 个月前
5.13.02026/07/203 个月前
5.12.02026/06/144 个月前
5.11.02026/05/185 个月前
5.10.02026/03/048 个月前
5.9.22025/12/1410 个月前

其他发布通道:v2-lts → 2.5.8,next → 5.0.0-rc.3。

关于 @coreui/react 的常见问题

@coreui/react 是什么?

React.js 的 UI 组件库

如何安装 @coreui/react?

在项目目录运行 npm install @coreui/react,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(>=17)、react-dom(>=17)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@coreui/react 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@coreui/react 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@coreui/react 可以商用吗?

@coreui/react 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@coreui/react 的下载量有多少?

根据 npm 官方下载统计,@coreui/react 在 2026/10/11 – 2026/11/09 这 30 天内被下载 423,109 次,日均约 14,104 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@coreui/react 还在维护吗?

最新版本 5.13.1 发布于 2026/10/05(1 个月前);至今共发布 175 个版本,其中过去 12 个月发布了 6 个;首次发布于 2017/09/28。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。