ReUI | Design-forward shadcn/ui platform with MCP fluency for agents.

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

• 22 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,105 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 22 in-house components
• Compatible with Shadcn Create styles and settings - Vega, Nova, Maia, Lyra & Mira.

• 1,105 free examples - Production-ready, copy-paste layouts for dashboards, forms, tables, and more
• 22 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

ReUI provides in total: 22 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,105 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.

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.