@hextaui

A shadcn/ui extension registry with 139 items spanning the full primitive set (Accordion through Tooltip, plus Button Group, Command Menu, Empty, Field, Input Group, Spinner, Video Player, Native Select, and Tree) and large suites of AI chat components (14: AI Chat History, Citations, File Upload, Model Selector, Streaming Response, Thinking, etc.), Auth flows (15: Login, Signup, OTP, Social, Magic Link, Recovery Codes), Billing blocks (14: Pricing Table, Invoice List, Payment Form, Subscription Card), Settings panels (17), Team views (12), and Task management blocks (7). Tailwind CSS, shadcn-compatible. Free. Use for: scaffolding complete SaaS application UI sections — especially auth, billing, team management, and AI chat — with production-quality blocks.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://hextaui.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://hextaui.com/r/registry.json

bun bunx shadcn@latest add https://hextaui.com/r/registry.json

fetch registry curl -s https://hextaui.com/r/registry.json

Components

60 total

Accordion ui

Expands to show or hide content.

npx shadcn@latest add https://hextaui.com/r/accordion.json

Alert ui

Displays a status or message banner.

npx shadcn@latest add https://hextaui.com/r/alert.json

Alert Dialog ui

Modal dialog for important actions or decisions.

npx shadcn@latest add https://hextaui.com/r/alert-dialog.json

Aspect Ratio ui

Maintains a fixed ratio for child content.

npx shadcn@latest add https://hextaui.com/r/aspect-ratio.json

Avatar ui

Shows an image or initials for a user/object.

npx shadcn@latest add https://hextaui.com/r/avatar.json

Badge ui

Small badge for counts or indicators.

npx shadcn@latest add https://hextaui.com/r/badge.json

Breadcrumb ui

Displays navigation path as links.

npx shadcn@latest add https://hextaui.com/r/breadcrumb.json

Button ui

Clickable button for actions.

npx shadcn@latest add https://hextaui.com/r/button.json

Button Group ui

Groups multiple buttons in a row.

npx shadcn@latest add https://hextaui.com/r/button-group.json

Calendar ui

Grid to display days and dates.

npx shadcn@latest add https://hextaui.com/r/calendar.json

Card ui

Container with header, content, and footer sections.

npx shadcn@latest add https://hextaui.com/r/card.json

Carousel ui

Rotates or slides multiple items.

npx shadcn@latest add https://hextaui.com/r/carousel.json

Checkbox ui

Box for selecting true or false.

npx shadcn@latest add https://hextaui.com/r/checkbox.json

Collapsible ui

Panel that expands and collapses.

npx shadcn@latest add https://hextaui.com/r/collapsible.json

Command Menu ui

Popup menu for running commands.

npx shadcn@latest add https://hextaui.com/r/command-menu.json

Context Menu ui

Menu that appears on right-click or action.

npx shadcn@latest add https://hextaui.com/r/context-menu.json

Dialog ui

Modal overlay for dialogs and forms.

npx shadcn@latest add https://hextaui.com/r/dialog.json

Drawer ui

Drawer panel that slides in from edge.

npx shadcn@latest add https://hextaui.com/r/drawer.json

Dropdown Menu ui

Menu that opens with a trigger control.

npx shadcn@latest add https://hextaui.com/r/dropdown-menu.json

Empty ui

Graphic placeholder for empty states.

npx shadcn@latest add https://hextaui.com/r/empty.json

Field ui

Field layout with label and help.

npx shadcn@latest add https://hextaui.com/r/field.json

Hover Card ui

Card that appears on hover.

npx shadcn@latest add https://hextaui.com/r/hover-card.json

Input ui

Single-line text input.

npx shadcn@latest add https://hextaui.com/r/input.json

Input Group ui

Combines inputs and add-ons in a row.

npx shadcn@latest add https://hextaui.com/r/input-group.json

Input OTP ui

Inputs for one-time code entry.

npx shadcn@latest add https://hextaui.com/r/input-otp.json

Item ui

List item component with actions.

npx shadcn@latest add https://hextaui.com/r/item.json

Label ui

Label for form input.

npx shadcn@latest add https://hextaui.com/r/label.json

Menubar ui

Horizontal menu bar for navigation.

npx shadcn@latest add https://hextaui.com/r/menubar.json

Navigation Menu ui

A collection of links for navigating websites.

npx shadcn@latest add https://hextaui.com/r/navigation-menu.json

Pagination ui

Controls for paging through content.

npx shadcn@latest add https://hextaui.com/r/pagination.json

Popover ui

Floating panel for additional content.

npx shadcn@latest add https://hextaui.com/r/popover.json

Progress ui

Linear progress indicator.

npx shadcn@latest add https://hextaui.com/r/progress.json

Radio Group ui

Group of choices where only one can be selected.

npx shadcn@latest add https://hextaui.com/r/radio-group.json

Resizable ui

Container that users can resize.

npx shadcn@latest add https://hextaui.com/r/resizable.json

Scroll Area ui

Scrollable area for overflowing content.

npx shadcn@latest add https://hextaui.com/r/scroll-area.json

Sidebar ui

A collapsible sidebar component for navigation.

npx shadcn@latest add https://hextaui.com/r/sidebar.json

Select ui

Custom dropdown select input.

npx shadcn@latest add https://hextaui.com/r/select.json

Separator ui

Horizontal or vertical dividing line.

npx shadcn@latest add https://hextaui.com/r/separator.json

Sheet ui

Drawer panel that slides in from edge.

npx shadcn@latest add https://hextaui.com/r/sheet.json

Skeleton ui

Shimmer effect placeholder preview.

npx shadcn@latest add https://hextaui.com/r/skeleton.json

Slider ui

Draggable control for selecting a value.

npx shadcn@latest add https://hextaui.com/r/slider.json

Sonner ui

Displays toast notifications.

npx shadcn@latest add https://hextaui.com/r/sonner.json

Spinner ui

Circular activity indicator.

npx shadcn@latest add https://hextaui.com/r/spinner.json

Switch ui

Toggle to switch between states.

npx shadcn@latest add https://hextaui.com/r/switch.json

Table ui

Displays data in rows and columns.

npx shadcn@latest add https://hextaui.com/r/table.json

Tabs ui

Switches views using tabbed buttons.

npx shadcn@latest add https://hextaui.com/r/tabs.json

Textarea ui

Multi-line text input.

npx shadcn@latest add https://hextaui.com/r/textarea.json

Toggle ui

Pressable toggle button.

npx shadcn@latest add https://hextaui.com/r/toggle.json

Toggle Group ui

Groups multiple toggle buttons.

npx shadcn@latest add https://hextaui.com/r/toggle-group.json

Tooltip ui

Shows info on hover or focus.

npx shadcn@latest add https://hextaui.com/r/tooltip.json

Kbd ui

Renders keyboard key appearance.

npx shadcn@latest add https://hextaui.com/r/kbd.json

Native Select ui

Dropdown using the native select element.

npx shadcn@latest add https://hextaui.com/r/native-select.json

Tree ui

Hierarchical collapsible structure.

npx shadcn@latest add https://hextaui.com/r/tree.json

Video Player ui

Video playback with controls.

npx shadcn@latest add https://hextaui.com/r/video-player.json

AI Chat History ui

Display and manage conversation history with search and filtering.

npx shadcn@latest add https://hextaui.com/r/ai-chat-history.json

AI Citations ui

Display citations and sources with collapsible source previews.

npx shadcn@latest add https://hextaui.com/r/ai-citations.json

AI Conversation ui

Display AI conversation messages with streaming support.

npx shadcn@latest add https://hextaui.com/r/ai-conversation.json

AI Error Handler ui

Display and handle AI errors with retry functionality.

npx shadcn@latest add https://hextaui.com/r/ai-error-handler.json

AI File Upload ui

Upload files for AI analysis with drag and drop support.

npx shadcn@latest add https://hextaui.com/r/ai-file-upload.json

AI Message ui

Display AI messages with markdown support and code highlighting.

npx shadcn@latest add https://hextaui.com/r/ai-message.json