keenthemes/reui

ReUI is a free, open-source component library for the shadcn/ui ecosystem. Explore 1,241 production-ready components across 86 categories, each shown inside realistic dashboard layouts (not isolated demos), and copy them directly into your React projects.

• 27 In-House component primitives not in default shadcn/ui - Data Grid, Event Calendar, Gantt, Kanban, Filters, Cascader, Code Block, Sortable, Timeline, Stepper, Tree, and more, built for real-world dashboard requirements
• 1,241 registry components - Reusable examples composed from shadcn/ui primitives into real-world product flows
• Dual Component library support - Radix UI and Base UI versions for all 27 in-house components
• Compatible with Shadcn Create styles and settings - Vega, Nova, Maia, Lyra & Mira.

• 1,241 free examples - Production-ready, copy-paste layouts for dashboards, forms, tables, and more
• 27 In-house Components - Custom in-house components not found in base shadcn/ui
• Copy-and-Own Model - No npm package, no lock-in. Own the source code in your repo
• Dual API - Radix UI and Base UI versions for all in-house components
• Shadcn Compatible - Built on shadcn primitives and Tailwind CSS
• All Shadcn Create Themes - Works with New York, Default, and all color token customizations
• TypeScript - Fully typed components and registry blocks
• MIT License - Free and open-source forever

The ReUI React data grid is a free shadcn/ui component on TanStack Table v9 and TanStack Virtual, styled with your own Tailwind CSS tokens, in Radix UI and Base UI versions. It covers sorting, filtering, pagination, column pinning, resizing and reordering, row and column drag and drop, row pinning, tree rows, expandable detail rows, spreadsheet-style cell selection with copy and paste, and row and column virtualization for large datasets.

• 34 free examples - Data grid examples
• 42 Pro blocks - Data grid blocks
• Install - npx shadcn@latest add @reui/data-grid

ReUI provides in total: 27 custom in-house components not found in base shadcn/ui.

Custom-built, shadcn-compatible components not available in base shadcn/ui. Each is maintained by the Keenthemes team, ships full component API documentation, props reference, and usage examples, and is available in both Radix UI and Base UI flavors at reui.io/docs.

All standard shadcn/ui primitives are included with many composed examples:

ReUI follows the shadcn CLI approach - add blocks from the registry directly into your project (registry items use the c- prefix):

npx shadcn@latest add @reui/c-button-10
npx shadcn@latest add @reui/c-data-grid-9
npx shadcn@latest add @reui/c-filters-5

1. Browse the catalog - Visit reui.io/components to explore 1,241 composed examples (c-* blocks)
2. Copy code - Each example includes a ready-to-use code snippet
3. Customize - Modify with your Tailwind CSS tokens and design system
4. Own it - The code lives in your repo, not a package

ReUI builds on @tanstack/react-table, @dnd-kit/core, recharts, react-hook-form, and Headless Tree where it helps, and on plain React everywhere else.

• React 18+
• Tailwind CSS 3+

• ReUI Docs - reui.io/docs
• Component catalog - reui.io/components - legacy /patterns URLs redirect here
• GitHub - github.com/keenthemes/reui

Each component page includes live examples, copy-paste snippets, CLI installation guides, TypeScript types, prop documentation, and accessibility notes.

ReUI's MCP Server and Agent Skill are free for everyone - they make any AI coding agent genuinely good at building with ReUI. A one-time license then unlocks the premium catalog on the same shadcn/ui foundation, with lifetime source ownership - Pro for the blocks, Ultimate for the blocks plus the motion icons and the templates.

Every Pro category in the catalog, with its current block count. Blocks are full-page sections built on the same free primitives in this repo - browse them all.

Set up the AI tooling - MCP Server & Agent Skill

One-time license, own the source forever - Compare plans

• GitHub Discussions - Ask questions and share ideas
• GitHub Issues - Report bugs and request features
• Twitter/X - @reui_io
• Email - hello@reui.io

Run this repo locally to browse the catalog, edit examples, or contribute. Requires Node.js 18+ and pnpm.

pnpm install
pnpm dev          # http://localhost:3000

The catalog is generated from registry-reui/ source by tools in scripts/. dev, dev:packages, and build wire these up for you - run them manually only when needed.

Which task when editing?

• Examples (c-*) or in-house primitives (registry-reui/.../reui/ - Data Grid, Event Calendar, Gantt, Kanban, Filters, etc.) -> pnpm dev:packages (they are bundled, so plain dev shows a stale preview until the bundle is rebuilt)
• shadcn base primitives (registry/.../ui/), site UI, lib/, hooks/ -> plain pnpm dev picks them up via Fast Refresh
• Just running the site -> pnpm dev

We welcome contributions - new examples, bug fixes, documentation improvements, and component additions all help the community.

1. Fork the repository
2. Create a feature branch (git checkout -b feature/your-change)
3. Add your changes with TypeScript types and accessibility features
4. Open a pull request with a clear description

See CONTRIBUTING.md for full guidelines.

ReUI is open-source software licensed under the MIT License.