ActiveComponent library (general)pro available143
@hextaui
Component library (general) · MIT · data updated 2026-10-27
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.
accessibilityaianimationaudioauthblocksbuttonscardschartscomponentsdashboardformshooksiconsloadersmediamobilenavigationoverlayspaymentspro-availablesaastablestheming
Install
npx shadcn@latest add https://hextaui.com/r/registry.jsonHealth
StatusActive
Last committoday
LicenseMIT
Open issues1
ArchivedNo
Stars143
Components (760)
themehotkeymotionuse-autosizeuse-button-feedbackuse-composed-refuse-delayed-loadinguse-held-keysuse-invalid-shakeuse-merged-refuse-paginationuse-todayaccordionalertalert-dialogaspect-ratioattachmentavatarbadgebreadcrumbbubblebuttonbutton-groupcalendarcardcarouselchartcheckboxcollapsiblecomboboxcommandcontext-menudata-tabledate-pickerdialogdrawerdropdown-menuemptyfieldhover-cardinputinput-groupinput-otpitemkbdlabelmarkermenubarmessagemessage-scrollernative-selectnavigation-menunumber-flowpaginationpopoverprogressquestionnaireradio-groupresizablesafe-area
Components: theme, hotkey, motion, use-autosize, use-button-feedback, use-composed-ref, use-delayed-loading, use-held-keys, use-invalid-shake, use-merged-ref, use-pagination, use-today, accordion, alert, alert-dialog, aspect-ratio, attachment, avatar, badge, breadcrumb, bubble, button, button-group, calendar, card, carousel, chart, checkbox, collapsible, combobox, command, context-menu, data-table, date-picker, dialog, drawer, dropdown-menu, empty, field, hover-card, input, input-group, input-otp, item, kbd, label, marker, menubar, message, message-scroller, native-select, navigation-menu, number-flow, pagination, popover, progress, questionnaire, radio-group, resizable, safe-area, scroll-area, select, separator, sheet, sidebar, skeleton, slider, spinner, switch, table, tabs, textarea, toast, toggle, toggle-group, tooltip, tree, video-player, all, accordion-controlled, accordion-custom-icon, accordion-demo, accordion-disabled, accordion-ghost, accordion-leading-icons, accordion-long-content, accordion-multiple, accordion-nested, accordion-outline, accordion-rtl, accordion-separated, alert-actions, alert-cancel-dismiss, alert-controlled, alert-demo, alert-dismissible, alert-inserted, alert-partial-content, alert-rich-content, alert-rtl, alert-soft, alert-variants, alert-dialog-async-action, alert-dialog-controlled, alert-dialog-demo, alert-dialog-detached-triggers, alert-dialog-long-content, alert-dialog-media, alert-dialog-nested, alert-dialog-rtl, alert-dialog-small, aspect-ratio-broken-image, aspect-ratio-demo, aspect-ratio-figure, aspect-ratio-flex-column, aspect-ratio-invalid-ratio, aspect-ratio-overlay, aspect-ratio-ratios, aspect-ratio-responsive, aspect-ratio-rtl, aspect-ratio-slow-load, aspect-ratio-text-content, aspect-ratio-without-placeholder, attachment-broken-image, attachment-composer, attachment-demo, attachment-group, attachment-image, attachment-long-names, attachment-rtl, attachment-sizes, attachment-states, attachment-stress, attachment-trigger, attachment-upload-flow, avatar-demo, avatar-group, avatar-initials, avatar-layout, avatar-linked-group, avatar-loading, avatar-rtl, avatar-sizes, avatar-status, badge-controlled, badge-counts, badge-demo, badge-interactive, badge-long-content, badge-removable, badge-rtl, badge-sizes, badge-variants, breadcrumb-basic, breadcrumb-controlled, breadcrumb-custom-separator, breadcrumb-demo, breadcrumb-dropdown, breadcrumb-ellipsis, breadcrumb-link-component, breadcrumb-long-content, breadcrumb-rtl, breadcrumb-with-icons, bubble-alignment, bubble-demo, bubble-group, bubble-long-content, bubble-nested, bubble-popover, bubble-reactions, bubble-rtl, bubble-shapes, bubble-show-more, bubble-tail, bubble-tooltip, bubble-variants, button-controlled-loading, button-controlled-status, button-custom-labels, button-demo, button-disabled, button-error-details, button-form, button-icon-feedback, button-link, button-pill, button-rtl, button-sizes, button-smooth-width, button-variants-feedback, button-variants, button-with-icon, button-group-demo, button-group-disabled, button-group-feedback, button-group-fieldset, button-group-full-width, button-group-input, button-group-nested, button-group-player, button-group-rtl, button-group-sizes, button-group-split, button-group-vertical, calendar-bounded, calendar-controlled, calendar-demo, calendar-dropdowns, calendar-fixed-today, calendar-multiple, calendar-range-limits, calendar-range, calendar-rtl, calendar-sheet, calendar-week-numbers, card-borders, card-demo, card-link-variants, card-link, card-long-content, card-media, card-nested, card-rtl, card-semantics, card-sizes, card-variants, carousel-api, carousel-autoplay, carousel-controlled, carousel-demo, carousel-dots-and-counter, carousel-dynamic, carousel-links, carousel-long-content, carousel-nested, carousel-rewind, carousel-rtl, carousel-several-per-view, carousel-thumbnails, carousel-vertical, chart-bar, chart-demo, chart-horizontal, chart-icons, chart-line, chart-long-labels, chart-negative, chart-pie, chart-radar, chart-rtl, chart-stacked, chart-theme, chart-tooltip, chart-value-format, checkbox-cards, checkbox-controlled, checkbox-demo, checkbox-form, checkbox-long-content, checkbox-nested-groups, checkbox-rtl, checkbox-select-all, checkbox-sibling-label, checkbox-states, collapsible-card, collapsible-controlled, collapsible-custom-icon, collapsible-demo, collapsible-disabled, collapsible-file-tree, collapsible-long-content, collapsible-open-by-default, collapsible-rtl, collapsible-show-more, collapsible-unmounted, combobox-async, combobox-button-trigger, combobox-clear, combobox-controlled, combobox-demo, combobox-groups, combobox-icons, combobox-long-content, combobox-multiple, combobox-popup-search, combobox-rtl, combobox-sheet, combobox-states, command-async, command-basic, command-demo, command-dialog, command-long-content, command-pages, command-rtl, command-scrollable, context-menu-controlled, context-menu-demo, context-menu-disabled, context-menu-file-list, context-menu-hold-feedback, context-menu-in-sheet, context-menu-long-content, context-menu-nested, context-menu-render, context-menu-rtl, data-table-demo, data-table-empty, data-table-loading, data-table-pinned-columns, data-table-rtl, data-table-sticky-header, data-table-table, date-picker-controlled, date-picker-demo, date-picker-disabled-days, date-picker-disabled, date-picker-dropdowns, date-picker-form, date-picker-in-sheet, date-picker-narrow, date-picker-range, date-picker-rtl, dialog-controlled, dialog-custom-close-button, dialog-demo, dialog-detached-triggers, dialog-form, dialog-nested, dialog-no-close-button, dialog-rtl, dialog-scrollable-content, dialog-sizes, dialog-sticky-footer, drawer-confirm, drawer-controlled, drawer-demo, drawer-detached, drawer-directions, drawer-keyboard, drawer-nested, drawer-non-modal, drawer-responsive, drawer-rtl, drawer-scrollable, drawer-snap-points, dropdown-menu-checkboxes, dropdown-menu-controlled, dropdown-menu-demo, dropdown-menu-disabled, dropdown-menu-hover, dropdown-menu-in-sheet, dropdown-menu-indicator-end, dropdown-menu-long-content, dropdown-menu-radio-group, dropdown-menu-row-actions, dropdown-menu-rtl, dropdown-menu-safe-area, dropdown-menu-scrolling, dropdown-menu-select, empty-avatar-group, empty-avatar, empty-demo, empty-heading, empty-image, empty-in-card, empty-in-command, empty-in-popover, empty-in-table, empty-long-content, empty-muted, empty-outline, empty-rtl, empty-search-results, empty-small, empty-transition, field-checkbox, field-choice-card, field-counter, field-custom-validation, field-demo, field-disabled, field-errors, field-fieldset, field-indicator, field-input, field-long-content, field-responsive, field-rtl, field-status, field-validation, hairline-demo, hairline-list, hotkey-demo, hotkey-listener, hover-card-arrow, hover-card-async, hover-card-controlled, hover-card-delay, hover-card-demoPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.