Repolode
keenthemes

keenthemes/reui

Free, open-source shadcn/ui component and block library with 1,264 dashboard-style examples, copied directly into React projects.

Stars
3,942
Forks
171
Open issues
37
Last commit
22 days ago

What is it?

ReUI is a component library built on shadcn/ui and Tailwind CSS. It adds 27 in-house components that shadcn/ui does not ship by default, including a data grid, event calendar, Gantt chart, Kanban board, filter builder, cascader, code block, and color picker. Every in-house component is available in both Radix UI and Base UI versions.

Instead of installing an npm package, you add components through the shadcn CLI, for example with `npx shadcn@latest add @reui/c-data-grid-9`. The code lands in your repository, so you can modify it with your own Tailwind tokens. The catalog contains 1,264 composed examples shown inside realistic dashboard layouts, along with standard shadcn primitives.

The data grid is built on TanStack Table v9 and TanStack Virtual, and supports sorting, filtering, pinning, drag and drop, and virtualization for large datasets. A free MCP server and agent skill let AI coding agents search and install ReUI components, and a paid Pro tier adds additional blocks.

Key features

  • 01Adds 27 in-house components such as data grid, Gantt, Kanban, and event calendar that are not in base shadcn/ui.
  • 02Offers Radix UI and Base UI versions for every in-house component.
  • 03Installs components via the shadcn CLI, with code copied into your own repository.
  • 04Includes 1,264 composed examples shown in dashboard-style layouts.
  • 05Provides a free MCP server and agent skill for AI coding tools.
  • 06Written in TypeScript under the MIT license.

Use cases

  • Building admin dashboards that need a data grid with sorting, filtering, and virtualization.
  • Adding scheduling views such as a calendar or Gantt chart to a React web app.
  • Prototyping product UI quickly by starting from composed dashboard and form blocks.
  • Letting AI coding agents assemble shadcn-based interfaces from a verified component registry.

Quick start

  1. 1

    Browse the component catalog and pick a component

  2. 2

    Add a component to your shadcn/ui project with the shadcn CLI

    npx shadcn@latest add @reui/data-grid

Things to know

  • It is a copy-and-own source library with no npm package, so you must manually maintain and update the copied code.
  • It is built on shadcn/ui, React 18+ and Tailwind CSS 4+, so you need that stack already in place.

In collections

Topics

FAQ

What is reui?
Free, open-source shadcn/ui component and block library with 1,264 dashboard-style examples, copied directly into React projects. ReUI is a component library built on shadcn/ui and Tailwind CSS. It adds 27 in-house components that shadcn/ui does not ship by default, including a data grid, event calendar, Gantt chart, Kanban board, filter builder, cascader, code block, and color picker. Every in-house component is available in both Radix UI and Base UI versions.
Is reui free to use? What license does it have?
reui is open source under the MIT license. Check the license terms before using it in commercial products.
Is reui still maintained?
Actively maintained. The last commit to reui was on Oct 16, 2026.
What can I use reui for?
Building admin dashboards that need a data grid with sorting, filtering, and virtualization. Adding scheduling views such as a calendar or Gantt chart to a React web app. Prototyping product UI quickly by starting from composed dashboard and form blocks. Letting AI coding agents assemble shadcn-based interfaces from a verified component registry.
How do I install reui?
Browse the component catalog and pick a component Add a component to your shadcn/ui project with the shadcn CLI: npx shadcn@latest add @reui/data-grid
Where can I get reui?
The source code and installation instructions are on GitHub: https://github.com/keenthemes/reui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects