@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.
Install this registry
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 curl -s https://reui.io/r/registry.json Components
250 totalHuman in the loop task view: queue badges on steps that will need you, an answer field for agent questions, and a declined approval skipping its gated steps. R…
npx shadcn@latest add https://reui.io/r/{style}/agent-activity-1.json Narrates an agent run as it works: steps name the file, command, query or issue they touched, Stop strikes the rest as cancelled, transcript copy and download.…
npx shadcn@latest add https://reui.io/r/{style}/agent-activity-2.json Shows how an AI agent reached its reply: steps land live, hover copy and open actions per row, publisher logos. ReUI Timeline, Badge; shadcn Card, Item, Spinne…
npx shadcn@latest add https://reui.io/r/{style}/agent-activity-3.json Agent run permission review for a chat transcript: rows stream in over skeletons, a Denied only filter and a Dropped badge on a lost server. Built on ReUI Badg…
npx shadcn@latest add https://reui.io/r/{style}/agent-activity-4.json Wrap-up card for a finished agent task: the command, record or reason behind each row, a Grant button for a missing scope, and Keep what succeeded with undo. B…
npx shadcn@latest add https://reui.io/r/{style}/agent-activity-5.json Full page AI copilot chat surface with a streaming transcript, a tabbed header thread switcher over pinned and recent chats, a starter view of prompt and threa…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-1.json Launch surface for a source grounded copilot: a greeting, a framed ask box whose header toggles which files the chat may read, and three starter asks. Replies …
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-10.json A self contained chat surface floating on an animated dot field. Asks stay bubbles while every reply renders as a framed receipt carrying the run behind it, a …
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-11.json A support assistant docked to a documentation page as a hideable right sidebar, answering only from the product knowledge base and showing its work while it do…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-12.json Sticky right side AI copilot beside a page: streaming thread, grouped Message bubbles, markdown code block, model picker, quick replies, and an Insert action t…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-2.json AI assistant welcome screen and zero state: an Empty greeting with live workspace stats, one rail of start and resume rows that fill the composer and attach co…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-3.json Reveal and hide a floating AI panel beside any page: select a sentence in an answer to reply to that line, a keyboard suggestion palette, a workspace Personali…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-4.json A centered new chat screen whose composer sits in a ReUI Frame: the panel is the box you type into and the frame footer is a live integrations strip of Google …
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-5.json A docked AI panel that runs a task end to end: confirm which workspace sources and attached files the agent may read, edit and run an ordered plan step by step…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-6.json Side by side compare view: two resizable panes answer one docked prompt and stream at different speeds, with sortable data tables in the replies, a scroll lock…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-7.json A floating assistant panel beside any page, driven by voice as readily as typing. Hold the mic and the take lands as a playable turn with a scrubbable transpor…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-8.json A standalone conversation under one minimal header: a tabbed thread switcher over pinned and recency lists, a favorite toggle and a fold for earlier turns, abo…
npx shadcn@latest add https://reui.io/r/{style}/ai-chat-9.json npx shadcn@latest add https://reui.io/r/{style}/alert.json 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 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 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 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 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 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 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 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 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 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 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 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 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 AI chat workspace: resizable thread sidebar collapsing to an icon rail, pinned and grouped chats, a search palette, and a header model picker with memory toggl…
npx shadcn@latest add https://reui.io/r/{style}/app-shell-21.json 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 npx shadcn@latest add https://reui.io/r/{style}/autocomplete.json npx shadcn@latest add https://reui.io/r/{style}/badge.json 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 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 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 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 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 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
npx shadcn@latest add https://reui.io/r/{style}/c-accordion-1.json 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 codes
npx shadcn@latest add https://reui.io/r/{style}/c-accordion-11.json Accordion with plus/minus indicators
npx shadcn@latest add https://reui.io/r/{style}/c-accordion-2.json Accordion with borders and rounded corners
npx shadcn@latest add https://reui.io/r/{style}/c-accordion-3.json 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
npx shadcn@latest add https://reui.io/r/{style}/c-accordion-5.json 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
npx shadcn@latest add https://reui.io/r/{style}/c-accordion-7.json 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
npx shadcn@latest add https://reui.io/r/{style}/c-accordion-9.json Basic alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-1.json Alert with icon and action buttons
npx shadcn@latest add https://reui.io/r/{style}/c-alert-10.json Alert with description and action buttons
npx shadcn@latest add https://reui.io/r/{style}/c-alert-11.json Alert integrated within a Frame with reset borders
npx shadcn@latest add https://reui.io/r/{style}/c-alert-12.json Stacked alerts within a Frame
npx shadcn@latest add https://reui.io/r/{style}/c-alert-13.json Alert with actions integrated within a Frame
npx shadcn@latest add https://reui.io/r/{style}/c-alert-14.json Inverted alert variant
npx shadcn@latest add https://reui.io/r/{style}/c-alert-15.json Urgent billing notice
npx shadcn@latest add https://reui.io/r/{style}/c-alert-16.json Service status summary stacked within a frame
npx shadcn@latest add https://reui.io/r/{style}/c-alert-17.json Feature discovery alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-18.json User message notification alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-19.json Alert with icon
npx shadcn@latest add https://reui.io/r/{style}/c-alert-2.json User message notification alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-20.json Alert with icon and action buttons
npx shadcn@latest add https://reui.io/r/{style}/c-alert-3.json Destructive alert with icon and action buttons
npx shadcn@latest add https://reui.io/r/{style}/c-alert-4.json Info alert with icon and action buttons
npx shadcn@latest add https://reui.io/r/{style}/c-alert-5.json Success alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-6.json Warning alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-7.json Error alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-8.json Invert alert
npx shadcn@latest add https://reui.io/r/{style}/c-alert-9.json Basic alert dialog with title, description, and action buttons
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-1.json Confirmation for successful e-ticket registration
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-10.json System update notification requiring application restart
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-11.json Billing warning for expired subscriptions or failed payments
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-12.json Logout confirmation dialog
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-13.json Advanced security audit confirmation
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-14.json Small size alert dialog for quick confirmations
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-2.json Alert dialog with icon
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-3.json Small size alert dialog with media (icon)
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-4.json Destructive alert dialog for irreversible actions like deletion
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-5.json Alert dialog nested within a standard Dialog component
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-6.json Task success confirmation
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-7.json Account deactivation confirmation
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-8.json Warning for unsaved changes when navigating away
npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-9.json 16:9 widescreen aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-1.json 4:3 standard aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-2.json 1:1 square aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-3.json 21:9 ultrawide aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-4.json 9:16 portrait aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-5.json 3:2 classic photography aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-6.json 4:5 social media portrait aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-7.json 16:10 computer monitor aspect ratio
npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-8.json Single file attachment in an assistant reply
npx shadcn@latest add https://reui.io/r/{style}/c-attachment-1.json Composer tray with removable attachments
npx shadcn@latest add https://reui.io/r/{style}/c-attachment-2.json Image thumbnails in a snapping strip
npx shadcn@latest add https://reui.io/r/{style}/c-attachment-3.json Three sizes carrying three levels of an answer
npx shadcn@latest add https://reui.io/r/{style}/c-attachment-4.json Upload queue across all five states
npx shadcn@latest add https://reui.io/r/{style}/c-attachment-5.json File picker that fills an attachment tray
npx shadcn@latest add https://reui.io/r/{style}/c-attachment-6.json Basic autocomplete control
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-1.json Small autocomplete
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-10.json Large autocomplete
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-11.json Form integration
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-12.json Disabled state
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-2.json Auto highlight option as you type
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-3.json Control with label
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-4.json With clear button
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-5.json With trigger button
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-6.json With clear and trigger buttons
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-7.json With groups and labels
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-8.json With search results
npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-9.json Basic avatar
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-1.json Basic avatar group
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-10.json Avatar group with numerical count
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-11.json Avatar group with an icon count
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-12.json Avatar with a distinct border ring
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-13.json Avatar with light background color fallback
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-14.json Avatar with a solid background color fallback
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-15.json Avatar with user details and badge
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-16.json Avatar with grayscale image filter
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-17.json Avatar group with online status on one
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-18.json Avatar inside small outline button
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-19.json Avatar with fallback
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-2.json Avatar social proof with text label
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-20.json Compact social proof with initials
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-21.json Avatar group with hover tooltips and lift effect
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-22.json Avatar group with hover effect
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-23.json Avatar group with hover effect and tooltips
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-24.json Avatar group with numerical count
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-25.json Pilled small outline button with avatar
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-26.json Pilled small button with avatar
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-27.json Avatar inside an empty state example
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-28.json Avatar group with icon count and button
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-29.json Avatars with different sizes
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-3.json Avatar with loading state demonstration
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-30.json Avatar with custom badge
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-31.json Avatar with ring animation
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-32.json Avatar with gradient animated ring
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-33.json Avatar with multiple badges
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-34.json Compact avatar dropdown menu
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-35.json Avatars with different border radiuses
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-4.json Avatars with custom sizes
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-5.json Avatar with an online status badge
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-6.json Avatar with badge icon
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-7.json Avatar with different badge positions
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-8.json Avatar with different badge positions
npx shadcn@latest add https://reui.io/r/{style}/c-avatar-9.json Default badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-1.json Info outline badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-10.json Success outline badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-11.json Warning outline badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-12.json Primary light badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-13.json Destructive light badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-14.json Success light badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-15.json Info light badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-16.json Warning light badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-17.json Badge size variations
npx shadcn@latest add https://reui.io/r/{style}/c-badge-18.json Badge with full radius (radius="full")
npx shadcn@latest add https://reui.io/r/{style}/c-badge-19.json Secondary badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-2.json Badge with an icon
npx shadcn@latest add https://reui.io/r/{style}/c-badge-20.json Badge with a dismiss button
npx shadcn@latest add https://reui.io/r/{style}/c-badge-21.json Badge with a status dot
npx shadcn@latest add https://reui.io/r/{style}/c-badge-22.json Badge rendered as a link
npx shadcn@latest add https://reui.io/r/{style}/c-badge-23.json Badge with avatar
npx shadcn@latest add https://reui.io/r/{style}/c-badge-24.json Badge with flag image
npx shadcn@latest add https://reui.io/r/{style}/c-badge-25.json Destructive badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-3.json Success badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-4.json Info badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-5.json Warning badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-6.json Outline badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-7.json Primary outline badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-8.json Destructive outline badge
npx shadcn@latest add https://reui.io/r/{style}/c-badge-9.json Basic breadcrumb
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-1.json Pill-style breadcrumb inside frame
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-10.json Breadcrumb items containing badge with count
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-11.json Breadcrumb starting with home icon item
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-12.json Breadcrumb with a custom separator
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-13.json Button-style breadcrumb
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-14.json Breadcrumb with project, user and document info
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-15.json Breadcrumb with dropdown menu
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-2.json Breadcrumb with Next.js link
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-3.json Breadcrumb with a custom slash separator
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-4.json Breadcrumb with icons for each item
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-5.json Breadcrumb with ellipsis for long paths
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-6.json Breadcrumb items with avatars
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-7.json Breadcrumb with double chevron separators
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-8.json Breadcrumb inside card
npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-9.json A two sided billing thread where align and variant carry the sender.
npx shadcn@latest add https://reui.io/r/{style}/c-bubble-1.json All seven variants doing the job each one is for, in one deploy thread.
npx shadcn@latest add https://reui.io/r/{style}/c-bubble-2.json Consecutive turns from one sender collapse into a single BubbleGroup.
npx shadcn@latest add https://reui.io/r/{style}/c-bubble-3.json A static emoji row, a pressable reaction with a count, and a top anchored row.
npx shadcn@latest add https://reui.io/r/{style}/c-bubble-4.json A long assistant answer folds to its first paragraph behind a Collapsible.
npx shadcn@latest add https://reui.io/r/{style}/c-bubble-5.json Tinted bubbles that are real buttons and a link, plus an action row after the pick.
npx shadcn@latest add https://reui.io/r/{style}/c-bubble-6.json A ghost bubble carrying a heading, a list, emphasis and inline code.
npx shadcn@latest add https://reui.io/r/{style}/c-bubble-7.json Default button
npx shadcn@latest add https://reui.io/r/{style}/c-button-1.json Disabled button
npx shadcn@latest add https://reui.io/r/{style}/c-button-10.json Icon button
npx shadcn@latest add https://reui.io/r/{style}/c-button-11.json Button with an icon on the right
npx shadcn@latest add https://reui.io/r/{style}/c-button-12.json Button in a loading state
npx shadcn@latest add https://reui.io/r/{style}/c-button-13.json Button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-14.json Button with an invalid state highlight
npx shadcn@latest add https://reui.io/r/{style}/c-button-15.json Secondary button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-16.json Secondary button with an icon on the right
npx shadcn@latest add https://reui.io/r/{style}/c-button-17.json Outline button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-18.json Outline button with an icon on the right
npx shadcn@latest add https://reui.io/r/{style}/c-button-19.json Secondary button
npx shadcn@latest add https://reui.io/r/{style}/c-button-2.json Ghost button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-20.json Ghost button with an icon on the right
npx shadcn@latest add https://reui.io/r/{style}/c-button-21.json Destructive button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-22.json Destructive button with an icon on the right
npx shadcn@latest add https://reui.io/r/{style}/c-button-23.json Extra small icon button
npx shadcn@latest add https://reui.io/r/{style}/c-button-24.json Small icon button
npx shadcn@latest add https://reui.io/r/{style}/c-button-25.json Large (lg) icon-only button
npx shadcn@latest add https://reui.io/r/{style}/c-button-26.json Button rendered as a Next.js Link
npx shadcn@latest add https://reui.io/r/{style}/c-button-27.json Link button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-28.json Link button with an icon on the right
npx shadcn@latest add https://reui.io/r/{style}/c-button-29.json Outline button
npx shadcn@latest add https://reui.io/r/{style}/c-button-3.json Large button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-30.json Large button with an icon on the right
npx shadcn@latest add https://reui.io/r/{style}/c-button-31.json Outline button with an invalid state
npx shadcn@latest add https://reui.io/r/{style}/c-button-32.json Ghost button with an invalid state
npx shadcn@latest add https://reui.io/r/{style}/c-button-33.json Button with an icon on the left
npx shadcn@latest add https://reui.io/r/{style}/c-button-34.json Ghost button with more/less toggle
npx shadcn@latest add https://reui.io/r/{style}/c-button-35.json Social login buttons with Remix Icons
npx shadcn@latest add https://reui.io/r/{style}/c-button-36.json