ReUI

<div align="center">

Design-forward shadcn UI kit for interfaces that stand out. 1000+ free patterns built with realistic dashboard layouts.

Explore 1000+ Free Shadcn Patterns · Component Docs · ReUI Pro · GitHub

</div>

---

About ReUI

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

Why ReUI?

• In-House Components Not in Base shadcn/ui — Data Grid, Kanban, Filters, Sortable, Timeline, Stepper, Tree, and more, built for real-world dashboard requirements
• 1000+ UI Patterns - Reusable solutions composed from shadcn/ui primitives into real-world product flows
• Dual API Support — Radix UI and Base UI versions for all 16 in-house components
• All Shadcn Create Styles Supported — Vega, Nova, Maia, Lyra & Mira.

---

Key Features

• 1,000+ Free UI Patterns — Production-ready, copy-paste patterns 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 patterns
• 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 | Patterns | Description | Patterns | 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 patters with multi file upload and dropzone support | 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 | | 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 Pattern Library (52 Components)

All standard shadcn/ui components are included with extensive pattern variations:

| Component | Patterns | Use Case | Link | |-----------|----------|----------|------| | Accordion | 13 | Collapsible FAQ sections, nested content groups | Accordion patterns → | | Alert Dialog | 7 | Confirm destructive actions, critical warnings | Alert Dialog patterns → | | Aspect Ratio | 4 | Fixed-dimension image and video containers | Aspect Ratio patterns → | | Avatar | 12 | User profile images with fallbacks and status badges | Avatar patterns → | | Breadcrumb | 9 | Navigation hierarchy and path indicators | Breadcrumb patterns → | | Button | 61 | Primary actions — the largest pattern set in ReUI | Button patterns → | | Calendar | 8 | Date selection with single, range, and multi-select modes | Calendar patterns → | | Card | 21 | Content containers for dashboards and layouts | Card patterns → | | Carousel | 11 | Image galleries and content sliders | Carousel patterns → | | Chart | 25 | Data visualization — bar, area, line, pie, radar, and more with Recharts | Chart patterns → | | Checkbox | 10 | Multi-select form inputs | Checkbox patterns → | | Collapsible | 5 | Expand/collapse content sections | Collapsible patterns → | | Combobox | 12 | Searchable dropdown selection | Combobox patterns → | | Command | 8 | Command palettes and search interfaces | Command patterns → | | Context Menu | 6 | Right-click menus with actions | Context Menu patterns → | | Data Table | 14 | Sortable, filterable structured data display | Data Table patterns → | | Date Picker | 12 | Calendar-based date selection | Date Picker patterns → | | Dialog | 13 | Modal windows and overlays | Dialog patterns → | | Drawer | 8 | Slide-out side panels | Drawer patterns → | | Dropdown Menu | 15 | Action menus and navigation dropdowns | [Dropdown