Repolode
提交项目
keenthemes

keenthemes/reui

免费开源的 shadcn/ui 组件库，提供 1264 个仪表盘风格示例，可直接复制到 React 项目中使用。

在 GitHub 查看官网
Star
3,942
Fork
171
未关闭 Issue
37
最近提交
22天前

这是什么？

ReUI 基于 shadcn/ui 和 Tailwind CSS 构建，在默认 shadcn/ui 之外补充了 27 个自研组件，包括数据表格、事件日历、甘特图、看板、筛选构建器、级联选择器、代码块和取色器等。每个自研组件都同时提供 Radix UI 和 Base UI 两个版本。

它不是 npm 包，而是通过 shadcn CLI 把组件添加到项目中，例如执行 `npx shadcn@latest add @reui/c-data-grid-9`。代码会直接落在你的仓库里，可以用自己的 Tailwind 设计令牌随意修改。目录中共有 1264 个组合示例，均以接近真实的仪表盘布局展示，并包含标准 shadcn 基础组件。

数据表格基于 TanStack Table v9 和 TanStack Virtual 构建，支持排序、筛选、列固定、拖拽和大数据集虚拟化。免费提供的 MCP 服务器和 agent skill 可以让 AI 编程助手搜索并安装 ReUI 组件，另有付费的 Pro 版本提供更多区块。

核心功能

  • 01新增 27 个基础 shadcn/ui 中没有的自研组件，如数据表格、甘特图、看板和事件日历。
  • 02每个自研组件都提供 Radix UI 与 Base UI 两个版本。
  • 03通过 shadcn CLI 安装，代码直接复制到自己的仓库中。
  • 04包含 1264 个仪表盘风格的组合示例。
  • 05提供免费的 MCP 服务器和 agent skill，便于 AI 编程工具调用。
  • 06使用 TypeScript 编写，采用 MIT 许可证。

适用场景

  • 为管理后台搭建需要排序、筛选和虚拟滚动的数据表格。
  • 在 React Web 应用中加入日历或甘特图等排期视图。
  • 以组合好的仪表盘和表单区块为起点，快速搭建产品界面原型。
  • 让 AI 编程助手基于 shadcn 组件库搭建界面。

快速上手

  1. 1

    浏览组件目录并选择所需组件

  2. 2

    使用 shadcn CLI 将组件添加到你的 shadcn/ui 项目中

    npx shadcn@latest add @reui/data-grid

使用前须知

  • 它采用复制即拥有的源码库模式，没有 npm 包，因此需要自行维护和更新复制到项目中的代码。
  • 它基于 shadcn/ui、React 18+ 和 Tailwind CSS 4+ 构建，因此需要事先搭建好这些技术栈。

收录于专题

前端框架与界面组件

标签

#react#shadcn-ui#tailwind-css#component-library#typescript#data-table#ui-components#base-ui#data-grid#nextjs

常见问题

reui 是什么？
免费开源的 shadcn/ui 组件库，提供 1264 个仪表盘风格示例，可直接复制到 React 项目中使用。 ReUI 基于 shadcn/ui 和 Tailwind CSS 构建，在默认 shadcn/ui 之外补充了 27 个自研组件，包括数据表格、事件日历、甘特图、看板、筛选构建器、级联选择器、代码块和取色器等。每个自研组件都同时提供 Radix UI 和 Base UI 两个版本。
reui 可以免费使用吗？用的什么许可证？
reui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
reui 还在维护吗？
活跃维护中。reui 最近一次提交是在 2026年10月16日。
reui 适合用来做什么？
为管理后台搭建需要排序、筛选和虚拟滚动的数据表格。 在 React Web 应用中加入日历或甘特图等排期视图。 以组合好的仪表盘和表单区块为起点，快速搭建产品界面原型。 让 AI 编程助手基于 shadcn 组件库搭建界面。
reui 怎么安装和运行？
浏览组件目录并选择所需组件 使用 shadcn CLI 将组件添加到你的 shadcn/ui 项目中: npx shadcn@latest add @reui/data-grid
在哪里获取 reui？
源代码和安装说明在 GitHub 上：https://github.com/keenthemes/reui

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目