ReUI - Design-forward shadcn kit for interfaces that stand out.

Go beyond AI defaults and streamline high-end shadcn projects faster without touching the essentials. 1000+ free components and composed examples built with realistic dashboard layouts.

Explore the component catalog · Component Docs · ReUI Pro · GitHub

About ReUI

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

Why ReUI?

17 In-House component primitives not in default shadcn/ui — Data Grid, Kanban, Filters, Sortable, Timeline, Stepper, Tree, and more, built for real-world dashboard requirements
1000+ 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 16 in-house components
Compatible with Shadcn Create styles and settings — Vega, Nova, Maia, Lyra & Mira.

Key Features

1,000+ free examples — Production-ready, copy-paste layouts for dashboards, forms, tables, and more
17 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

Custom In-House Components

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

In-House Components (17)

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.

Component	#	Description	Preview	Radix UI Docs	Base UI Docs
Alert	10	Contextual notifications with severity variants and dismissible states	Preview	Radix UI	Base UI
Autocomplete	8	Searchable input with async filtering and keyboard navigation	Preview	Radix UI	Base UI
Badge	16	Status indicators with multiple styles, sizes, and dot variants	Preview	Radix UI	Base UI
Data Grid	29	Advanced table powered by TanStack Table + Virtual with DnD, pinning, resizing, and infinite scroll	Preview	Radix UI	Base UI
Date Selector	9	Flexible date range picker with calendar UI and preset ranges	Preview	Radix UI	Base UI
Filters	9	URL-state filter panel with TanStack Table integration, Zod validation, and multi-field types	Preview	Radix UI	Base UI
File Upload	10	Advanced file upload with multi-file upload and dropzone support	Preview	Radix UI	Base UI
Frame	8	Card-like wrapper for panels and content areas	Preview	Radix UI	Base UI
Kanban	5	Drag-and-drop task boards built on DnD Kit with dynamic overlays and composable cards	Preview	Radix UI	Base UI
Number Field	8	Numeric input with increment/decrement controls and formatting	Preview	Radix UI	Base UI
Phone Input	7	International phone number input with country selector and formatting	Preview	Radix UI	Base UI
Rating	8	Star and icon-based rating with half-star, read-only, and custom icon support	Preview	Radix UI	Base UI
Scrollspy	6	Auto-highlighting navigation that tracks scroll position across sections	Preview	Radix UI	Base UI
Sortable	7	Drag-and-drop list reordering with DnD Kit — vertical, grid, and nested layouts	Preview	Radix UI	Base UI
Stepper	15	Multi-step forms and onboarding wizards with React Hook Form per-step validation	Preview	Radix UI	Base UI
Timeline	12	Sequential event display — deployment logs, activity feeds, milestones, and order trackers	Preview	Radix UI	Base UI
Tree	9	Hierarchical data display built on Headless Tree with expand/collapse and keyboard navigation	Preview	Radix UI	Base UI

Shadcn components with example library (52)

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

Component	Examples	Use case	Link
Accordion	13	Collapsible FAQ sections, nested content groups	Accordion examples →
Alert Dialog	7	Confirm destructive actions, critical warnings	Alert Dialog examples →
Aspect Ratio	4	Fixed-dimension image and video containers	Aspect Ratio examples →
Avatar	12	User profile images with fallbacks and status badges	Avatar examples →
Breadcrumb	9	Navigation hierarchy and path indicators	Breadcrumb examples →
Button	61	Primary actions — the largest example set in ReUI	Button examples →
Calendar	8	Date selection with single, range, and multi-select modes	Calendar examples →
Card	21	Content containers for dashboards and layouts	Card examples →
Carousel	11	Image galleries and content sliders	Carousel examples →
Chart	25	Data visualization — bar, area, line, pie, radar, and more with Recharts	Chart examples →
Checkbox	10	Multi-select form inputs	Checkbox examples →
Collapsible	5	Expand/collapse content sections	Collapsible examples →
Combobox	12	Searchable dropdown selection	Combobox examples →
Command	8	Command palettes and search interfaces	Command examples →
Context Menu	6	Right-click menus with actions	Context Menu examples →
Data Table	14	Sortable, filterable structured data display	Data Table examples →
Date Picker	12	Calendar-based date selection	Date Picker examples →
Dialog	13	Modal windows and overlays	Dialog examples →
Drawer	8	Slide-out side panels	Drawer examples →
Dropdown Menu	15	Action menus and navigation dropdowns	Dropdown Menu examples →
File Upload	10	Drag-and-drop and click-to-upload interfaces	File Upload examples →
Form	17	Complete form layouts with React Hook Form and Zod validation	Form examples →
Hover Card	5	Preview popovers on hover	Hover Card examples →
Input	17	Text input fields with variants and addons	Input examples →
Input OTP	7	One-time password input fields	Input OTP examples →
Label	4	Form field labels	Label examples →
Menubar	5	Application-level menu bars	Menubar examples →
Navigation Menu	10	Primary site navigation with mega menus	Navigation Menu examples →
Pagination	11	Page navigation for lists and data tables	Pagination examples →
Popover	7	Floating content panels	Popover examples →
Progress	9	Progress bars and loading indicators	Progress examples →
Radio Group	10	Exclusive option selection inputs	Radio Group examples →
Resizable	5	Draggable resizable panel layouts	Resizable examples →
Scroll Area	6	Custom-styled scrollable containers	Scroll Area examples →
Select	12	Dropdown selection fields	Select examples →
Separator	4	Visual dividers and section separators	Separator examples →
Sheet	8	Slide-in panels and drawers	Sheet examples →
Skeleton	10	Loading placeholder screens	Skeleton examples →
Slider	10	Range and value sliders	Slider examples →
Sonner	8	Toast notification system	Sonner examples →
Switch	10	Toggle switches	Switch examples →
Table	9	HTML table layouts	Table examples →
Tabs	13	Tabbed navigation and content panels	Tabs examples →
Textarea	8	Multi-line text inputs with autosize and character count	Textarea examples →
Toast	7	Toast notification banners	Toast examples →
Toggle	7	Toggle button states	Toggle examples →
Toggle Group	7	Grouped toggle buttons	Toggle Group examples →
Tooltip	7	Hover tooltips and contextual hints	Tooltip examples →

Getting Started

Installation

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

Quick Start

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

ReUI builds on @tanstack/react-table, @dnd-kit/core, recharts, react-hook-form, zod, and other best-in-class React libraries.

Requirements

React 18+
Tailwind CSS 3+

Documentation

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 Pro

ReUI Pro is a premium extension to the free ReUI library, built for teams and product developers who need advanced blocks, templates, and ai tooling on top of the same shadcn/ui foundation.

Feature	Description
1,000+ UI Blocks	Pre-built interface sections for rapid application and dashboard development
2,200+ Animated Icons	Fully customizable animated icon library
30+ Templates	Complete, production-ready application and page templates
AI Tooling	AI-assisted component generation and design tools
Workspace	Account management, team access, favorites, and collections and more

Get 40% off at Launch — Join the Waitlist

Community & Support

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

Contributing

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

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

See CONTRIBUTING.md for full guidelines.

License

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

Star History

Built with ❤️ by the Keenthemes team · reui.io · pro.reui.io