---
name: "@reui"
slug: "reui"
description: "ReUI is the largest free open-source shadcn/ui extension library, offering 1,000+ components across 68+ categories including 17 custom in-house primitives: Data Grid (TanStack Table + Virtual, DnD, pinning, resizing, infinite scroll), Kanban, Filters (URL-state, Zod, TanStack), Sortable, Timeline, Stepper, Tree, File Upload, Date Selector, Autocomplete, Number Field, and more. All components are shown in realistic dashboard layouts, not isolated demos. Supports both Radix UI and Base UI flavors, all five shadcn create styles (Vega, Nova, Maia, Lyra, Mira), Tailwind v4, TypeScript. A paid ReUI Pro tier is in waitlist. Free core is MIT. Use for: building complex admin dashboards or SaaS back-office UIs that need production-grade tables, filters, and data management components beyond base shadcn/ui."
category: "Dashboard/admin templates"
tags: ["auth", "cards", "cms", "dashboard", "design-system", "forms", "hooks", "marketing", "media", "navigation", "overlays", "pro-available", "saas", "tables"]
framework: "react"
license: "MIT"
author: "keenthemes"
website: "https://reui.io"
github: "https://github.com/keenthemes/reui"
registry: "https://reui.io/r/registry.json"
pro: true
pro_url: "https://reui.io/pricing"
github_stars: 3049
component_count: 250
generated_at: "2026-07-28T08:00:50.948Z"
---

# @reui

ReUI is the largest free open-source shadcn/ui extension library, offering 1,000+ components across 68+ categories including 17 custom in-house primitives: Data Grid (TanStack Table + Virtual, DnD, pinning, resizing, infinite scroll), Kanban, Filters (URL-state, Zod, TanStack), Sortable, Timeline, Stepper, Tree, File Upload, Date Selector, Autocomplete, Number Field, and more. All components are shown in realistic dashboard layouts, not isolated demos. Supports both Radix UI and Base UI flavors, all five shadcn create styles (Vega, Nova, Maia, Lyra, Mira), Tailwind v4, TypeScript. A paid ReUI Pro tier is in waitlist. Free core is MIT. Use for: building complex admin dashboards or SaaS back-office UIs that need production-grade tables, filters, and data management components beyond base shadcn/ui.

## Links

- Website: https://reui.io
- GitHub: https://github.com/keenthemes/reui
- Registry JSON: https://reui.io/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/reui
- This file: https://sh4dcn.vercel.app/md/reui.md
- Pro / pricing: https://reui.io/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://reui.io/r/registry.json
pnpm dlx shadcn@latest add https://reui.io/r/registry.json
bunx shadcn@latest add https://reui.io/r/registry.json
# clone the source repo
git clone https://github.com/keenthemes/reui.git
# fetch the raw registry index
curl -s https://reui.io/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| alert | registry:ui | Alert | `npx shadcn@latest add https://reui.io/r/{style}/alert.json` |
| app-shell-1 | registry:block | Dashboard app shell with an icon-collapsible sidebar: workspace switcher, nested platform nav with count badges, pinned resources with row action menus, theme … | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-1.json` |
| app-shell-10 | registry:block | Inset sidebar shell for an AI agents console: command-K search, collapsible agent nav, projects with progress rings, usage-limit card, org and theme switcher, … | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-10.json` |
| app-shell-11 | registry:block | Dense operations console: collapsible nav, resizable split panes, an expandable bottom workbench sheet, and a right calendar and agenda rail. ReUI Badge, Frame… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-11.json` |
| app-shell-12 | registry:block | Dashboard shell: collapsible icon-rail sidebar with nested nav, Soon badges, and project progress rings, plus a header command-K search, rich notifications fee… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-12.json` |
| app-shell-13 | registry:block | Full-width header over a collapsible icon-rail sidebar for community feed apps. Search, Create button, avatar menu, theme toggle, grouped nav with badges, nest… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-13.json` |
| app-shell-14 | registry:block | Three-region workspace shell: icon rail, a toggleable secondary nav that swaps per section, and a toolbar with List, Kanban, Calendar, Dashboard tabs plus Sort… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-14.json` |
| app-shell-15 | registry:block | Dashboard shell with a fixed dark topbar over an icon-collapsible sidebar: workspace switcher, pin/unpin nav with badges, favorites group, gradient Upgrade men… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-15.json` |
| app-shell-16 | registry:block | Two-level dashboard layout: icon rail plus a toggleable secondary nav that swaps per section, with workspace switcher, breadcrumb header, search, and account m… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-16.json` |
| app-shell-17 | registry:block | AI chat workspace: floating collapsible sidebar with a GPT-4/Claude/Gemini model picker, pinned and recent threads, a welcome canvas, and an InputGroup compose… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-17.json` |
| app-shell-18 | registry:block | Three-panel to-do shell: floating Sidebar with task lists, count Badges, color tags and a Progress focus card, plus a toggleable AI chat panel (in-flow at desk… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-18.json` |
| app-shell-19 | registry:block | Calendar app layout: inset Sidebar with a Calendar date picker, up-next agenda, calendars menu, account menu, and a header Day/Week/Month switcher. ReUI Badge,… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-19.json` |
| app-shell-2 | registry:block | App shell with a floating collapsible-to-icon Sidebar, command-K search Dialog, nested Platform nav with a live status pulse, workspace switcher Dropdown, and … | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-2.json` |
| app-shell-20 | registry:block | Email workspace: inset Sidebar with account menu, compose dialog, folders, labels and contacts, a search and category-filter message list, a reading pane, and … | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-20.json` |
| app-shell-3 | registry:block | Inset collapsible sidebar dashboard shell with workspace switcher, command search, project donut progress rings, usage limit meter, and notifications popover. … | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-3.json` |
| app-shell-4 | registry:block | Mail and inbox shell: folder icon rail plus a wide 440px message list with live search, filter tabs, rich preview rows, and a selected-message action header (r… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-4.json` |
| app-shell-5 | registry:block | Calendar workspace with a dual-pane icon-rail Sidebar swapping mini-Calendar accounts, date-grouped Schedule, searchable Contacts, and Notifications. Uses ReUI… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-5.json` |
| app-shell-6 | registry:block | Three-column workspace shell: dark collapsible nav rail with command search, team list and usage meter, breadcrumb header, and a slide-in right Calendar panel … | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-6.json` |
| app-shell-7 | registry:block | Header-first shell with a breadcrumb of org, app, and environment switcher dropdowns, a live system monitor popover with resource sparklines, command-palette s… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-7.json` |
| app-shell-8 | registry:block | Two-level dashboard shell: icon rail plus a per-section secondary nav with live-metric/storage footers, org/app/env switchers, command-K search, and notificati… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-8.json` |
| app-shell-9 | registry:block | Dark collapsible-sidebar team shell: presence member rail, notifications feed, command search, AI-credit usage card, workspace switcher. ReUI Frame, Badge; sha… | `npx shadcn@latest add https://reui.io/r/{style}/app-shell-9.json` |
| auth-1 | registry:block | Sign-in page pairing an email or username and password form with show/hide toggle and Google plus Apple buttons over a masked animated grid and a full-height p… | `npx shadcn@latest add https://reui.io/r/{style}/auth-1.json` |
| auth-10 | registry:block | Split passwordless login: magic-link email field plus Google, Apple, and GitHub SSO, beside a Frame trust card with a star-rated testimonial and brand logo wal… | `npx shadcn@latest add https://reui.io/r/{style}/auth-10.json` |
| auth-11 | registry:block | Two-column login: email or username plus password with show/hide toggle, Google and Apple buttons, and a sidebar with a star-rated testimonial and trust-brand … | `npx shadcn@latest add https://reui.io/r/{style}/auth-11.json` |
| auth-12 | registry:block | Login with Google, email, WebAuthn passkey, SAML SSO, and backup code, a two-step email reveal, and a framed sidebar with an animated brand-logo grid and rotat… | `npx shadcn@latest add https://reui.io/r/{style}/auth-12.json` |
| auth-13 | registry:block | Magic-link login page: work email field sends a secure sign-in link, plus Google, Apple, and GitHub social buttons. Two-column split with a full-cover image si… | `npx shadcn@latest add https://reui.io/r/{style}/auth-13.json` |
| auth-14 | registry:block | Two-column workspace login page: email and password with show/hide toggle, forgot-password, and Google, Apple, GitHub SSO buttons beside an auto-cycling stacke… | `npx shadcn@latest add https://reui.io/r/{style}/auth-14.json` |
| auth-15 | registry:block | Passwordless email login that sends a magic link, plus Google, Apple, and GitHub sign-in and a terms and copyright footer. Built with ReUI InputGroup, Field, B… | `npx shadcn@latest add https://reui.io/r/{style}/auth-15.json` |
| auth-16 | registry:block | Single-column sign-in: app header with create-workspace link, centered Google, GitHub, and SSO buttons over one work-email Continue field, plus a footer custom… | `npx shadcn@latest add https://reui.io/r/{style}/auth-16.json` |
| auth-17 | registry:block | Two-step sign-in: a centered method picker (Google, email, SAML SSO, passkey, backup code) that reveals an email field, with real WebAuthn passkey auth and toa… | `npx shadcn@latest add https://reui.io/r/{style}/auth-17.json` |
| auth-18 | registry:block | Two-column login: email or username field, password Input with show/hide toggle, Google and Apple buttons, plus a testimonial and trust-brand sidebar. Uses ReU… | `npx shadcn@latest add https://reui.io/r/{style}/auth-18.json` |
| auth-19 | registry:block | Full-page login screen that emails a secure sign-in link to an approved work address, with Google and GitHub OAuth buttons above an or divider. Built from ReUI… | `npx shadcn@latest add https://reui.io/r/{style}/auth-19.json` |
| auth-2 | registry:block | Email or username and password sign-in with show/hide toggle and Google, Apple, GitHub buttons, beside a dark panel with an autoplay founder testimonial carous… | `npx shadcn@latest add https://reui.io/r/{style}/auth-2.json` |
| auth-20 | registry:block | Login page with social sign-in (Google, Apple), an email or username field, and a show or hide password toggle, plus forgot-password and create-account links. … | `npx shadcn@latest add https://reui.io/r/{style}/auth-20.json` |
| auth-3 | registry:block | Passwordless magic-link sign-in with a single work-email field and Google, Apple, GitHub buttons, beside a testimonial and trust-brand sidebar on a twinkling d… | `npx shadcn@latest add https://reui.io/r/{style}/auth-3.json` |
| auth-4 | registry:block | Login on a noise-textured background: ReUI Frame card with email-or-username and password fields, show/hide toggle, full-width submit, plus a Google/Apple/GitH… | `npx shadcn@latest add https://reui.io/r/{style}/auth-4.json` |
| auth-5 | registry:block | Full-page registration with a marketing hero, OAuth buttons (Google, GitHub), email and show/hide password fields, and a brand logo trust strip over drifting g… | `npx shadcn@latest add https://reui.io/r/{style}/auth-5.json` |
| auth-6 | registry:block | Two-column sign-in page: email or username, password with show/hide toggle, Forgot password, and Google/Apple/GitHub OAuth, beside a customer testimonial and b… | `npx shadcn@latest add https://reui.io/r/{style}/auth-6.json` |
| auth-7 | registry:block | Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo… | `npx shadcn@latest add https://reui.io/r/{style}/auth-7.json` |
| auth-8 | registry:block | Single-card sign-in centered on a blurred Unsplash photo with noise grain: email or username and password fields, show/hide toggle, Forgot password, and Google… | `npx shadcn@latest add https://reui.io/r/{style}/auth-8.json` |
| auth-9 | registry:block | Split passwordless login: a work-email field emails a 15-minute magic link, with Google, Apple, GitHub buttons, beside a sidebar of brand logos animating in a … | `npx shadcn@latest add https://reui.io/r/{style}/auth-9.json` |
| autocomplete | registry:ui | Autocomplete | `npx shadcn@latest add https://reui.io/r/{style}/autocomplete.json` |
| badge | registry:ui | Badge | `npx shadcn@latest add https://reui.io/r/{style}/badge.json` |
| blog-1 | registry:block | Blog listing on a responsive 1/2/3-column grid of Cards: 16:10 cover, date and read-time, clamped title and excerpt, author footer with Avatar and Read link. B… | `npx shadcn@latest add https://reui.io/r/{style}/blog-1.json` |
| blog-2 | registry:block | Blog index of three full-bleed cover-image cards with a gradient scrim, title and tone label overlaid on the photo, a white pill category Badge, and hover zoom… | `npx shadcn@latest add https://reui.io/r/{style}/blog-2.json` |
| blog-3 | registry:block | Featured-article blog carousel with circular prev/next buttons and a 1px progress line as position indicator. Cover scales on hover; category badge and read ti… | `npx shadcn@latest add https://reui.io/r/{style}/blog-3.json` |
| blog-4 | registry:block | Blog index listing posts as stacked ReUI Frame cards in a three-column row: grayscale cover that zooms on hover, category, date, title, excerpt, and an author … | `npx shadcn@latest add https://reui.io/r/{style}/blog-4.json` |
| blog-5 | registry:block | Reading page for one blog post, news, changelog, or case study. Cover with gradient scrim, overlaid title and category badge, byline, sections, pull quote, aut… | `npx shadcn@latest add https://reui.io/r/{style}/blog-5.json` |
| blog-6 | registry:block | Centered max-w-3xl blog post detail page: breadcrumb, headline, author byline, cover image, body sections, topic badges, and a two-up Read Next grid of related… | `npx shadcn@latest add https://reui.io/r/{style}/blog-6.json` |
| c-accordion-1 | registry:block | A basic single-expand accordion | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-1.json` |
| c-accordion-10 | registry:block | Accordion with rotating arrow indicator | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-10.json` |
| c-accordion-11 | registry:block | Accordion component for onboarding or setup steps with icons, badges, and QR codes | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-11.json` |
| c-accordion-2 | registry:block | Accordion with plus/minus indicators | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-2.json` |
| c-accordion-3 | registry:block | Accordion with borders and rounded corners | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-3.json` |
| c-accordion-4 | registry:block | Accordion embedded within a Card | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-4.json` |
| c-accordion-5 | registry:block | Accordion with disabled items and highlighted state | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-5.json` |
| c-accordion-6 | registry:block | Advanced accordion with custom icons and badges | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-6.json` |
| c-accordion-7 | registry:block | Accordion items integrated within Frame and FramePanel | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-7.json` |
| c-accordion-8 | registry:block | Nested accordion example with bordered items | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-8.json` |
| c-accordion-9 | registry:block | User list accordion with avatars and role indicators | `npx shadcn@latest add https://reui.io/r/{style}/c-accordion-9.json` |
| c-alert-1 | registry:block | Basic alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-1.json` |
| c-alert-10 | registry:block | Alert with icon and action buttons | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-10.json` |
| c-alert-11 | registry:block | Alert with description and action buttons | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-11.json` |
| c-alert-12 | registry:block | Alert integrated within a Frame with reset borders | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-12.json` |
| c-alert-13 | registry:block | Stacked alerts within a Frame | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-13.json` |
| c-alert-14 | registry:block | Alert with actions integrated within a Frame | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-14.json` |
| c-alert-15 | registry:block | Inverted alert variant | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-15.json` |
| c-alert-16 | registry:block | Urgent billing notice | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-16.json` |
| c-alert-17 | registry:block | Service status summary stacked within a frame | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-17.json` |
| c-alert-18 | registry:block | Feature discovery alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-18.json` |
| c-alert-19 | registry:block | User message notification alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-19.json` |
| c-alert-2 | registry:block | Alert with icon | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-2.json` |
| c-alert-20 | registry:block | User message notification alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-20.json` |
| c-alert-3 | registry:block | Alert with icon and action buttons | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-3.json` |
| c-alert-4 | registry:block | Destructive alert with icon and action buttons | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-4.json` |
| c-alert-5 | registry:block | Info alert with icon and action buttons | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-5.json` |
| c-alert-6 | registry:block | Success alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-6.json` |
| c-alert-7 | registry:block | Warning alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-7.json` |
| c-alert-8 | registry:block | Error alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-8.json` |
| c-alert-9 | registry:block | Invert alert | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-9.json` |
| c-alert-dialog-1 | registry:block | Basic alert dialog with title, description, and action buttons | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-1.json` |
| c-alert-dialog-10 | registry:block | Confirmation for successful e-ticket registration | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-10.json` |
| c-alert-dialog-11 | registry:block | System update notification requiring application restart | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-11.json` |
| c-alert-dialog-12 | registry:block | Billing warning for expired subscriptions or failed payments | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-12.json` |
| c-alert-dialog-13 | registry:block | Logout confirmation dialog | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-13.json` |
| c-alert-dialog-14 | registry:block | Advanced security audit confirmation | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-14.json` |
| c-alert-dialog-2 | registry:block | Small size alert dialog for quick confirmations | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-2.json` |
| c-alert-dialog-3 | registry:block | Alert dialog with icon | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-3.json` |
| c-alert-dialog-4 | registry:block | Small size alert dialog with media (icon) | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-4.json` |
| c-alert-dialog-5 | registry:block | Destructive alert dialog for irreversible actions like deletion | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-5.json` |
| c-alert-dialog-6 | registry:block | Alert dialog nested within a standard Dialog component | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-6.json` |
| c-alert-dialog-7 | registry:block | Task success confirmation | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-7.json` |
| c-alert-dialog-8 | registry:block | Account deactivation confirmation | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-8.json` |
| c-alert-dialog-9 | registry:block | Warning for unsaved changes when navigating away | `npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-9.json` |
| c-aspect-ratio-1 | registry:block | 16:9 widescreen aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-1.json` |
| c-aspect-ratio-2 | registry:block | 4:3 standard aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-2.json` |
| c-aspect-ratio-3 | registry:block | 1:1 square aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-3.json` |
| c-aspect-ratio-4 | registry:block | 21:9 ultrawide aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-4.json` |
| c-aspect-ratio-5 | registry:block | 9:16 portrait aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-5.json` |
| c-aspect-ratio-6 | registry:block | 3:2 classic photography aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-6.json` |
| c-aspect-ratio-7 | registry:block | 4:5 social media portrait aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-7.json` |
| c-aspect-ratio-8 | registry:block | 16:10 computer monitor aspect ratio | `npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-8.json` |
| c-autocomplete-1 | registry:block | Basic autocomplete control | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-1.json` |
| c-autocomplete-10 | registry:block | Small autocomplete | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-10.json` |
| c-autocomplete-11 | registry:block | Large autocomplete | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-11.json` |
| c-autocomplete-12 | registry:block | Form integration | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-12.json` |
| c-autocomplete-2 | registry:block | Disabled state | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-2.json` |
| c-autocomplete-3 | registry:block | Auto highlight option as you type | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-3.json` |
| c-autocomplete-4 | registry:block | Control with label | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-4.json` |
| c-autocomplete-5 | registry:block | With clear button | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-5.json` |
| c-autocomplete-6 | registry:block | With trigger button | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-6.json` |
| c-autocomplete-7 | registry:block | With clear and trigger buttons | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-7.json` |
| c-autocomplete-8 | registry:block | With groups and labels | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-8.json` |
| c-autocomplete-9 | registry:block | With search results | `npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-9.json` |
| c-avatar-1 | registry:block | Basic avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-1.json` |
| c-avatar-10 | registry:block | Basic avatar group | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-10.json` |
| c-avatar-11 | registry:block | Avatar group with numerical count | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-11.json` |
| c-avatar-12 | registry:block | Avatar group with an icon count | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-12.json` |
| c-avatar-13 | registry:block | Avatar with a distinct border ring | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-13.json` |
| c-avatar-14 | registry:block | Avatar with light background color fallback | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-14.json` |
| c-avatar-15 | registry:block | Avatar with a solid background color fallback | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-15.json` |
| c-avatar-16 | registry:block | Avatar with user details and badge | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-16.json` |
| c-avatar-17 | registry:block | Avatar with grayscale image filter | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-17.json` |
| c-avatar-18 | registry:block | Avatar group with online status on one | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-18.json` |
| c-avatar-19 | registry:block | Avatar inside small outline button | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-19.json` |
| c-avatar-2 | registry:block | Avatar with fallback | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-2.json` |
| c-avatar-20 | registry:block | Avatar social proof with text label | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-20.json` |
| c-avatar-21 | registry:block | Compact social proof with initials | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-21.json` |
| c-avatar-22 | registry:block | Avatar group with hover tooltips and lift effect | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-22.json` |
| c-avatar-23 | registry:block | Avatar group with hover effect | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-23.json` |
| c-avatar-24 | registry:block | Avatar group with hover effect and tooltips | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-24.json` |
| c-avatar-25 | registry:block | Avatar group with numerical count | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-25.json` |
| c-avatar-26 | registry:block | Pilled small outline button with avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-26.json` |
| c-avatar-27 | registry:block | Pilled small button with avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-27.json` |
| c-avatar-28 | registry:block | Avatar inside an empty state example | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-28.json` |
| c-avatar-29 | registry:block | Avatar group with icon count and button | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-29.json` |
| c-avatar-3 | registry:block | Avatars with different sizes | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-3.json` |
| c-avatar-30 | registry:block | Avatar with loading state demonstration | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-30.json` |
| c-avatar-31 | registry:block | Avatar with custom badge | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-31.json` |
| c-avatar-32 | registry:block | Avatar with ring animation | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-32.json` |
| c-avatar-33 | registry:block | Avatar with gradient animated ring | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-33.json` |
| c-avatar-34 | registry:block | Avatar with multiple badges | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-34.json` |
| c-avatar-35 | registry:block | Compact avatar dropdown menu | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-35.json` |
| c-avatar-4 | registry:block | Avatars with different border radiuses | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-4.json` |
| c-avatar-5 | registry:block | Avatars with custom sizes | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-5.json` |
| c-avatar-6 | registry:block | Avatar with an online status badge | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-6.json` |
| c-avatar-7 | registry:block | Avatar with badge icon | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-7.json` |
| c-avatar-8 | registry:block | Avatar with different badge positions | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-8.json` |
| c-avatar-9 | registry:block | Avatar with different badge positions | `npx shadcn@latest add https://reui.io/r/{style}/c-avatar-9.json` |
| c-badge-1 | registry:block | Default badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-1.json` |
| c-badge-10 | registry:block | Info outline badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-10.json` |
| c-badge-11 | registry:block | Success outline badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-11.json` |
| c-badge-12 | registry:block | Warning outline badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-12.json` |
| c-badge-13 | registry:block | Primary light badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-13.json` |
| c-badge-14 | registry:block | Destructive light badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-14.json` |
| c-badge-15 | registry:block | Success light badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-15.json` |
| c-badge-16 | registry:block | Info light badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-16.json` |
| c-badge-17 | registry:block | Warning light badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-17.json` |
| c-badge-18 | registry:block | Badge size variations | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-18.json` |
| c-badge-19 | registry:block | Badge with full radius (radius="full") | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-19.json` |
| c-badge-2 | registry:block | Secondary badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-2.json` |
| c-badge-20 | registry:block | Badge with an icon | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-20.json` |
| c-badge-21 | registry:block | Badge with a dismiss button | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-21.json` |
| c-badge-22 | registry:block | Badge with a status dot | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-22.json` |
| c-badge-23 | registry:block | Badge rendered as a link | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-23.json` |
| c-badge-24 | registry:block | Badge with avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-24.json` |
| c-badge-25 | registry:block | Badge with flag image | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-25.json` |
| c-badge-3 | registry:block | Destructive badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-3.json` |
| c-badge-4 | registry:block | Success badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-4.json` |
| c-badge-5 | registry:block | Info badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-5.json` |
| c-badge-6 | registry:block | Warning badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-6.json` |
| c-badge-7 | registry:block | Outline badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-7.json` |
| c-badge-8 | registry:block | Primary outline badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-8.json` |
| c-badge-9 | registry:block | Destructive outline badge | `npx shadcn@latest add https://reui.io/r/{style}/c-badge-9.json` |
| c-breadcrumb-1 | registry:block | Basic breadcrumb | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-1.json` |
| c-breadcrumb-10 | registry:block | Pill-style breadcrumb inside frame | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-10.json` |
| c-breadcrumb-11 | registry:block | Breadcrumb items containing badge with count | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-11.json` |
| c-breadcrumb-12 | registry:block | Breadcrumb starting with home icon item | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-12.json` |
| c-breadcrumb-13 | registry:block | Breadcrumb with a custom separator | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-13.json` |
| c-breadcrumb-14 | registry:block | Button-style breadcrumb | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-14.json` |
| c-breadcrumb-15 | registry:block | Breadcrumb with project, user and document info | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-15.json` |
| c-breadcrumb-2 | registry:block | Breadcrumb with dropdown menu | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-2.json` |
| c-breadcrumb-3 | registry:block | Breadcrumb with Next.js link | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-3.json` |
| c-breadcrumb-4 | registry:block | Breadcrumb with a custom slash separator | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-4.json` |
| c-breadcrumb-5 | registry:block | Breadcrumb with icons for each item | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-5.json` |
| c-breadcrumb-6 | registry:block | Breadcrumb with ellipsis for long paths | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-6.json` |
| c-breadcrumb-7 | registry:block | Breadcrumb items with avatars | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-7.json` |
| c-breadcrumb-8 | registry:block | Breadcrumb with double chevron separators | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-8.json` |
| c-breadcrumb-9 | registry:block | Breadcrumb inside card | `npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-9.json` |
| c-button-1 | registry:block | Default button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-1.json` |
| c-button-10 | registry:block | Disabled button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-10.json` |
| c-button-11 | registry:block | Icon button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-11.json` |
| c-button-12 | registry:block | Button with an icon on the right | `npx shadcn@latest add https://reui.io/r/{style}/c-button-12.json` |
| c-button-13 | registry:block | Button in a loading state | `npx shadcn@latest add https://reui.io/r/{style}/c-button-13.json` |
| c-button-14 | registry:block | Button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-14.json` |
| c-button-15 | registry:block | Button with an invalid state highlight | `npx shadcn@latest add https://reui.io/r/{style}/c-button-15.json` |
| c-button-16 | registry:block | Secondary button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-16.json` |
| c-button-17 | registry:block | Secondary button with an icon on the right | `npx shadcn@latest add https://reui.io/r/{style}/c-button-17.json` |
| c-button-18 | registry:block | Outline button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-18.json` |
| c-button-19 | registry:block | Outline button with an icon on the right | `npx shadcn@latest add https://reui.io/r/{style}/c-button-19.json` |
| c-button-2 | registry:block | Secondary button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-2.json` |
| c-button-20 | registry:block | Ghost button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-20.json` |
| c-button-21 | registry:block | Ghost button with an icon on the right | `npx shadcn@latest add https://reui.io/r/{style}/c-button-21.json` |
| c-button-22 | registry:block | Destructive button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-22.json` |
| c-button-23 | registry:block | Destructive button with an icon on the right | `npx shadcn@latest add https://reui.io/r/{style}/c-button-23.json` |
| c-button-24 | registry:block | Extra small icon button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-24.json` |
| c-button-25 | registry:block | Small icon button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-25.json` |
| c-button-26 | registry:block | Large (lg) icon-only button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-26.json` |
| c-button-27 | registry:block | Button rendered as a Next.js Link | `npx shadcn@latest add https://reui.io/r/{style}/c-button-27.json` |
| c-button-28 | registry:block | Link button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-28.json` |
| c-button-29 | registry:block | Link button with an icon on the right | `npx shadcn@latest add https://reui.io/r/{style}/c-button-29.json` |
| c-button-3 | registry:block | Outline button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-3.json` |
| c-button-30 | registry:block | Large button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-30.json` |
| c-button-31 | registry:block | Large button with an icon on the right | `npx shadcn@latest add https://reui.io/r/{style}/c-button-31.json` |
| c-button-32 | registry:block | Outline button with an invalid state | `npx shadcn@latest add https://reui.io/r/{style}/c-button-32.json` |
| c-button-33 | registry:block | Ghost button with an invalid state | `npx shadcn@latest add https://reui.io/r/{style}/c-button-33.json` |
| c-button-34 | registry:block | Button with an icon on the left | `npx shadcn@latest add https://reui.io/r/{style}/c-button-34.json` |
| c-button-35 | registry:block | Ghost button with more/less toggle | `npx shadcn@latest add https://reui.io/r/{style}/c-button-35.json` |
| c-button-36 | registry:block | Social login buttons with Remix Icons | `npx shadcn@latest add https://reui.io/r/{style}/c-button-36.json` |
| c-button-37 | registry:block | Outline like button with count | `npx shadcn@latest add https://reui.io/r/{style}/c-button-37.json` |
| c-button-38 | registry:block | Star button with count | `npx shadcn@latest add https://reui.io/r/{style}/c-button-38.json` |
| c-button-39 | registry:block | Button with an unread badge | `npx shadcn@latest add https://reui.io/r/{style}/c-button-39.json` |
| c-button-4 | registry:block | Ghost button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-4.json` |
| c-button-40 | registry:block | Button with icon, label, and shortcut keys | `npx shadcn@latest add https://reui.io/r/{style}/c-button-40.json` |
| c-button-41 | registry:block | Copy button with feedback | `npx shadcn@latest add https://reui.io/r/{style}/c-button-41.json` |
| c-button-42 | registry:block | Icon-only copy button with feedback | `npx shadcn@latest add https://reui.io/r/{style}/c-button-42.json` |
| c-button-43 | registry:block | Animated hamburger / close toggle button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-43.json` |
| c-button-44 | registry:block | Async action button with loading and success states | `npx shadcn@latest add https://reui.io/r/{style}/c-button-44.json` |
| c-button-45 | registry:block | Outline button with inline count badge | `npx shadcn@latest add https://reui.io/r/{style}/c-button-45.json` |
| c-button-46 | registry:block | Button with status dot badge | `npx shadcn@latest add https://reui.io/r/{style}/c-button-46.json` |
| c-button-47 | registry:block | Ghost button with a status badge | `npx shadcn@latest add https://reui.io/r/{style}/c-button-47.json` |
| c-button-48 | registry:block | Icon button with notification badge | `npx shadcn@latest add https://reui.io/r/{style}/c-button-48.json` |
| c-button-49 | registry:block | Go back link button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-49.json` |
| c-button-5 | registry:block | Destructive button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-5.json` |
| c-button-50 | registry:block | Go back link button with animation | `npx shadcn@latest add https://reui.io/r/{style}/c-button-50.json` |
| c-button-51 | registry:block | Expanding button from icon to label | `npx shadcn@latest add https://reui.io/r/{style}/c-button-51.json` |
| c-button-52 | registry:block | Multi-line button with icon, title & description | `npx shadcn@latest add https://reui.io/r/{style}/c-button-52.json` |
| c-button-53 | registry:block | Sliding Icon Button (Hover reveal) | `npx shadcn@latest add https://reui.io/r/{style}/c-button-53.json` |
| c-button-54 | registry:block | Shortcut Tooltip Button (Kbd hints) | `npx shadcn@latest add https://reui.io/r/{style}/c-button-54.json` |
| c-button-55 | registry:block | Button with avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-button-55.json` |
| c-button-56 | registry:block | Outline button with avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-button-56.json` |
| c-button-57 | registry:block | Small button with avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-button-57.json` |
| c-button-58 | registry:block | Small outline button with avatar | `npx shadcn@latest add https://reui.io/r/{style}/c-button-58.json` |
| c-button-59 | registry:block | Social login buttons with Remix icons | `npx shadcn@latest add https://reui.io/r/{style}/c-button-59.json` |
| c-button-6 | registry:block | Link button variant | `npx shadcn@latest add https://reui.io/r/{style}/c-button-6.json` |
| c-button-60 | registry:block | Social icon-only buttons with Remix icons | `npx shadcn@latest add https://reui.io/r/{style}/c-button-60.json` |
| c-button-61 | registry:block | Theme toggle button with animated moon and sun icons | `npx shadcn@latest add https://reui.io/r/{style}/c-button-61.json` |
| c-button-7 | registry:block | Extra small button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-7.json` |
| c-button-8 | registry:block | Small button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-8.json` |
| c-button-9 | registry:block | Large button | `npx shadcn@latest add https://reui.io/r/{style}/c-button-9.json` |

## For AI agents

```text
You are adding components from @reui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/reui.md) for the component list.
2. Fetch the machine-readable index: https://reui.io/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: reui).
```