@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.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://reui.io/r/registry.json

pnpm pnpm dlx shadcn@latest add https://reui.io/r/registry.json

bun bunx shadcn@latest add https://reui.io/r/registry.json

fetch registry curl -s https://reui.io/r/registry.json

Components

60 total

Alert ui

npx shadcn@latest add https://reui.io/r/{style}/alert.json

Collapsible icon-rail sidebar app shell with workspace switcher, nested nav, an… 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

AI Agents App Shell with Collapsible Sidebar, Active-Project Rings, and Rich No… 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

Operations app shell with four toggleable regions and a resizable bottom workbe… 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

Icon-rail sidebar app shell with command-K search, notifications feed, apps gri… 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

Community feed app shell with full-width header above a collapsible icon-rail s… 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

Mini icon-rail app shell with per-section secondary nav and a tabbed workspace … 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

Dark full-width topbar app shell with workspace switcher, pinnable sidebar nav,… 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

Dual sidebar app shell with icon rail and collapsible secondary navigation panel 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

AI chat assistant app shell with floating sidebar, model picker grid, and promp… 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

Task workspace app shell with collapsible floating sidebar and a toggleable AI … 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

Calendar app shell with inset sidebar date picker, up-next agenda, and Day/Week… 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

Floating icon-collapsible sidebar shell with command-K search, nested nav, and … 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

Mail client app shell with folder sidebar, split list and reading panes, and ic… 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

Inset sidebar app shell with per-project progress rings and a multi-type notifi… 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

Mail inbox app shell with icon folder rail, wide message list, and selected-mes… 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

Calendar app shell, icon-rail sidebar switching Calendar, Schedule, Contacts, N… 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

Dual Sidebar App Shell with Dark Nav Rail and Slide-In Calendar Context Panel 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

Breadcrumb-switcher app shell with org/app/environment dropdowns and a live sys… 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

Inset icon-rail app shell with per-section secondary nav, org/app/env switchers… 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

Dark inset-sidebar team workspace shell with member presence rail and notificat… 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

Split-screen login page with animated grid backdrop and editorial image panel 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

Split magic-link sign-in with a framed testimonial and customer logo wall trust… 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

Split-screen login with testimonial sidebar and animated dot backdrop 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

Split login method picker with passkey, SAML SSO, and a framed brand-logo testi… 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

Split-screen magic-link sign-in with left image sidebar and social login buttons 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

Split-screen workspace sign-in with animated stacked media panel and social SSO 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

Centered magic-link email login with logo, social sign-in buttons, and legal fo… 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

Full-page sign-in with app header, SSO and email-continue form, and customer lo… 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

Centered login method picker with WebAuthn passkey sign-in and email reveal step 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

Split-screen sign-in with testimonial sidebar, social login, and password show/… 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

Passwordless workspace sign-in page with magic-link work email and Google plus … 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

Split-screen login with an autoplay founder testimonial carousel and Trustpilot… 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

Centered sign-in card with Google and Apple buttons, password visibility toggle… 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

Split-screen magic-link sign-in with testimonial and trust-brand sidebar on a d… 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

Framed password sign-in card with email or username, social provider row, and f… 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

Split-screen marketing trial signup page with animated gradient blob background… 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

Split-screen login with social OAuth and testimonial sidebar over an animated g… 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

Blueprint-framed passwordless sign-in card with magic-link email and customer t… 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

Centered Frame login card over a softened photo backdrop with social provider s… 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

Split magic-link sign-in with an animated brand-logo grid sidebar and rotating … 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 ui

npx shadcn@latest add https://reui.io/r/{style}/autocomplete.json

Badge ui

npx shadcn@latest add https://reui.io/r/{style}/badge.json

Blog index with cover-image post cards in a responsive three-column grid and au… 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

Full-image blog post cards with titles overlaid on covers, hover zoom, and pill… 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 article carousel with cover cards, circular prev/next controls and a progr… 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

Three-column blog index with stacked Frame cards, grayscale hover-zoom covers, … 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 post detail page with gradient overlay image hero, byline, pull quote, and… 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

Single-column blog post detail page with breadcrumb, author byline, topic badge… 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

A basic single-expand accordion block

A basic single-expand accordion

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-1.json

Accordion with rotating arrow indicator block

Accordion with rotating arrow indicator

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-10.json

Accordion component for onboarding or setup steps with icons, badges, and QR co… 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

Accordion with plus/minus indicators block

Accordion with plus/minus indicators

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-2.json

Accordion with borders and rounded corners block

Accordion with borders and rounded corners

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-3.json

Accordion embedded within a Card block

Accordion embedded within a Card

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-4.json

Accordion with disabled items and highlighted state block

Accordion with disabled items and highlighted state

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-5.json

Advanced accordion with custom icons and badges block

Advanced accordion with custom icons and badges

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-6.json

Accordion items integrated within Frame and FramePanel block

Accordion items integrated within Frame and FramePanel

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-7.json

Nested accordion example with bordered items block

Nested accordion example with bordered items

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-8.json

User list accordion with avatars and role indicators block

User list accordion with avatars and role indicators

npx shadcn@latest add https://reui.io/r/{style}/c-accordion-9.json