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
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.
- 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.
- 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
ReUI provides in total: 17 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.
| 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 |
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 Menu patterns → |
| File Upload | 10 | Drag-and-drop and click-to-upload interfaces | File Upload patterns → |
| Form | 17 | Complete form layouts with React Hook Form and Zod validation | Form patterns → |
| Hover Card | 5 | Preview popovers on hover | Hover Card patterns → |
| Input | 17 | Text input fields with variants and addons | Input patterns → |
| Input OTP | 7 | One-time password input fields | Input OTP patterns → |
| Label | 4 | Form field labels | Label patterns → |
| Menubar | 5 | Application-level menu bars | Menubar patterns → |
| Navigation Menu | 10 | Primary site navigation with mega menus | Navigation Menu patterns → |
| Pagination | 11 | Page navigation for lists and data tables | Pagination patterns → |
| Popover | 7 | Floating content panels | Popover patterns → |
| Progress | 9 | Progress bars and loading indicators | Progress patterns → |
| Radio Group | 10 | Exclusive option selection inputs | Radio Group patterns → |
| Resizable | 5 | Draggable resizable panel layouts | Resizable patterns → |
| Scroll Area | 6 | Custom-styled scrollable containers | Scroll Area patterns → |
| Select | 12 | Dropdown selection fields | Select patterns → |
| Separator | 4 | Visual dividers and section separators | Separator patterns → |
| Sheet | 8 | Slide-in panels and drawers | Sheet patterns → |
| Skeleton | 10 | Loading placeholder screens | Skeleton patterns → |
| Slider | 10 | Range and value sliders | Slider patterns → |
| Sonner | 8 | Toast notification system | Sonner patterns → |
| Switch | 10 | Toggle switches | Switch patterns → |
| Table | 9 | HTML table layouts | Table patterns → |
| Tabs | 13 | Tabbed navigation and content panels | Tabs patterns → |
| Textarea | 8 | Multi-line text inputs with autosize and character count | Textarea patterns → |
| Toast | 7 | Toast notification banners | Toast patterns → |
| Toggle | 7 | Toggle button states | Toggle patterns → |
| Toggle Group | 7 | Grouped toggle buttons | Toggle Group patterns → |
| Tooltip | 7 | Hover tooltips and contextual hints | Tooltip patterns → |
ReUI follows the shadcn CLI approach — add patterns directly into your project:
npx shadcn@latest add @reui/p-button-10
npx shadcn@latest add @reui/p-data-grid-9
npx shadcn@latest add @reui/p-filters-5 - Browse patterns — Visit reui.io to explore 1,000+ patterns
- Copy code — Each pattern 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 patterns are powered by @tanstack/react-table, @dnd-kit/core, recharts, react-hook-form, zod, and other best-in-class React libraries.
- React 18+
- Tailwind CSS 3+
- ReUI Docs — reui.io/docs/radix
- 1000+ Patterns Explorer — reui.io
- GitHub — github.com/keenthemes/reui
Each component page includes live examples, copy-paste snippets, CLI instalaltion guides, TypeScript types, prop documentation, and accessibility notes.
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
- GitHub Discussions — Ask questions and share ideas
- GitHub Issues — Report bugs and request features
- Twitter/X — @reui_io
- Email — hello@reui.io
We welcome contributions — new patterns, bug fixes, documentation improvements, and component additions all help the community.
- Fork the repository
- Create a feature branch (
git checkout -b feature/new-pattern) - Add your changes with TypeScript types and accessibility features
- Open a pull request with a clear description
See CONTRIBUTING.md for full guidelines.
ReUI is open-source software licensed under the MIT License.
Built with ❤️ by the Keenthemes team · reui.io · pro.reui.io
