Components - ReUI | registry.directory

K

keenthemes/reui

Visit Registry Visit Repository

accordion-default accordion-indicator accordion-menu-default accordion-menu-multi-expand accordion-menu-multi-level accordion-menu-router accordion-menu-states accordion-menu-sub-menu accordion-nested accordion-outline accordion-solid alert-actions alert-default alert-dialog-default alert-dialog-destructive alert-extended alert-light alert-mono alert-outline alert-size alert-solid avatar-badge avatar-default avatar-fallback avatar-group avatar-group-default avatar-group-flip-animation avatar-indicator avatar-size avatar-status avatar-users badge-as-child badge-circle badge-default badge-disabled badge-ghost badge-light badge-outline badge-remove-button badge-size badge-square badge-with-dot badge-with-icon base-accordion-default base-accordion-indicator base-accordion-nested base-accordion-outline base-accordion-solid base-alert-dialog-default base-alert-dialog-destructive base-alert-dialog-dismiss base-alert-dialog-no-backdrop base-autocomplete-async-search base-autocomplete-auto-highlight base-autocomplete-clear-button base-autocomplete-default base-autocomplete-form base-autocomplete-grouped base-autocomplete-size base-avatar-badge base-avatar-default base-avatar-fallback base-avatar-group base-avatar-indicator base-avatar-size base-avatar-status base-avatar-users base-badge-as-child base-badge-circle base-badge-default base-badge-disabled base-badge-ghost base-badge-light base-badge-outline base-badge-remove-button base-badge-size base-badge-square base-badge-with-dot base-badge-with-icon base-breadcrumb-card base-breadcrumb-default base-breadcrumb-dropdown base-breadcrumb-icon base-breadcrumb-separator base-button-as-input base-button-badge base-button-dashed base-button-default base-button-destructive base-button-disabled base-button-full-width base-button-ghost base-button-icon base-button-link base-button-loading base-button-mono base-button-outline base-button-radius-full base-button-secondary base-button-size base-button-with-icon base-checkbox-checked base-checkbox-default base-checkbox-disabled base-checkbox-form base-checkbox-indeterminate base-checkbox-size base-collapsible-card base-collapsible-default base-combobox-creatable base-combobox-default base-combobox-external-tags base-combobox-form base-combobox-grouped base-combobox-multi-select base-combobox-popup-input base-combobox-size base-context-menu-default base-dialog-default base-dialog-fullscreen base-dialog-no-overlay base-dialog-scroll base-form-default base-input-addon base-input-clear-button base-input-copy-to-clipboard base-input-date base-input-date-time base-input-default base-input-disabled base-input-file base-input-form base-input-icon base-input-readonly base-input-size base-input-time base-menu-checkbox base-menu-default base-menu-nested base-menu-radio-group base-menubar-default base-meter-default base-navigation-menu-default base-navigation-menu-with-arrow base-number-field-default base-number-field-size base-phone-input-default base-phone-input-form base-phone-input-size base-popover-default base-popover-position base-popover-without-arrow base-preview-card-default base-progress-animated base-progress-colors base-progress-default base-progress-sizes base-progress-status base-radio-group-checked base-radio-group-default base-radio-group-disabled base-radio-group-form base-radio-group-size base-scroll-area-default base-select-avatar base-select-badge base-select-clear base-select-custom-indicator base-select-default base-select-disabled base-select-disabled-option base-select-form base-select-group base-select-icon base-select-indicator-position base-select-multiple base-select-scroll base-select-size base-select-status base-separator-default base-sheet-default base-sheet-scroll base-sheet-side base-slider-default base-slider-form base-slider-input base-slider-labels base-slider-range base-slider-rating base-slider-ticks base-slider-tooltip base-slider-vertical base-switch-default base-switch-disabled base-switch-form base-switch-icon base-switch-size base-tabs-badge base-tabs-button base-tabs-default base-tabs-disabled base-tabs-icon base-tabs-line base-tabs-pill base-tabs-size-lg base-tabs-size-md base-tabs-size-sm base-tabs-size-xs base-tabs-vertical base-toast-close base-toast-custom base-toast-default base-toast-positions base-toast-promise base-toast-type base-toggle-default base-toggle-group-default base-toggle-group-outline base-toggle-group-single base-toggle-group-size base-toggle-outline base-toggle-size base-toggle-text base-toolbar-default base-tooltip-default base-tooltip-light base-tooltip-side base-tooltip-without-arrow breadcrumb-card breadcrumb-default breadcrumb-dropdown breadcrumb-icon breadcrumb-separator button-as-input button-badge button-dashed button-default button-destructive button-disabled button-full-width button-ghost button-icon button-link button-loading button-mono button-outline button-radius-full button-secondary button-size button-with-icon calendar-default calendar-multiple-months card-accent card-default carousel-default carousel-orientation carousel-sizes carousel-spacing chart-default checkbox-checked checkbox-default checkbox-disabled checkbox-form checkbox-indeterminate checkbox-size code-copy-button code-default code-sizes code-variants collapsible-card collapsible-default combobox-add-option combobox-badge combobox-country combobox-custom-indicator combobox-default combobox-disabled-option combobox-form combobox-group combobox-icon combobox-indicator-position combobox-multiple-count-label combobox-multiple-default combobox-multiple-expandable combobox-multiple-user combobox-phone-number combobox-status combobox-timezone combobox-user command-default command-dialog context-menu-default counting-number-decimal counting-number-default counting-number-format data-grid-auto-width data-grid-card data-grid-cell-border data-grid-column-controls data-grid-column-icons data-grid-columns-visibility data-grid-crud data-grid-default data-grid-dense data-grid-draggable-columns data-grid-draggable-rows data-grid-expandable-row data-grid-light data-grid-movable-columns data-grid-pinnable-columns data-grid-resizable-columns data-grid-row-selection data-grid-skeleton data-grid-sortable-columns data-grid-sticky-header data-grid-stripped data-grid-sub-data-grid date-picker-date-time date-picker-default date-picker-form date-picker-presets date-picker-range dialog-default dialog-fullscreen dialog-no-overlay dialog-scrollable drawer-default dropdown-menu-checkbox dropdown-menu-default dropdown-menu-radio-group file-upload-avatar-upload file-upload-card-upload file-upload-compact-upload file-upload-cover-upload file-upload-default file-upload-dropzone file-upload-gallery-upload file-upload-image-upload file-upload-progress-upload file-upload-sortable file-upload-table-upload filters-add-button filters-async filters-custom filters-data-grid filters-debug filters-default filters-input-change-example filters-internationalization filters-nuqs filters-radius-full filters-size filters-solid-style form-default github-button-default github-button-outline github-button-separator github-button-sizes gradient-background-dark gradient-background-default grid-background-default grid-background-hero hover-background-dark hover-background-default hover-card-default input-addon input-clear-button input-copy-to-clipboard input-date input-date-time input-default input-disabled input-file input-form input-icon input-readonly input-size input-time kanban-default kanban-overlay kbd-default kbd-tooltip label-default marquee-3d marquee-default marquee-thumbnails marquee-vertical menubar-default navigation-menu-default pagination-card pagination-default pagination-icon phone-input-default popover-default progress-circle progress-default progress-radial progress-spinner progress-status radio-group-default radio-group-disabled radio-group-form radio-group-size rating-decimal rating-default rating-editable rating-show-value rating-size rating-statistics resizable-default resizable-handle resizable-vertical scroll-area-default scrollspy-default scrollspy-horizontal select-avatar select-badge select-country select-custom-indicator select-default select-disabled select-disabled-option select-form select-group select-icon select-indicator-position select-size select-status separator-default sheet-default sheet-scrollable sheet-side shimmering-text-color shimmering-text-default skeleton-default slider-default slider-form slider-input slider-range slider-tooltip sliding-number-default sliding-number-slider sonner-default sonner-variants sortable-default sortable-grid sortable-nested stepper-controlled stepper-default stepper-description stepper-indicators stepper-inline-title stepper-inline-title-description stepper-progress stepper-states stepper-title stepper-title-bar stepper-title-description stepper-title-status stepper-vertical stepper-vertical-title stepper-vertical-title-description svg-text-default switch-advanced-label switch-button switch-checked switch-default switch-disabled switch-form switch-icon switch-indicator switch-size switch-square table-default table-vertical tabs-badge tabs-button tabs-default tabs-disabled tabs-icon tabs-line tabs-pill tabs-size-lg tabs-size-md tabs-size-sm tabs-size-xs tabs-vertical text-reveal-blur text-reveal-default text-reveal-elastic text-reveal-fire text-reveal-neon-glow text-reveal-rainbow text-reveal-rotate text-reveal-scale text-reveal-slide-variants text-reveal-stagger text-reveal-typewriter text-reveal-wave textarea-default textarea-disabled textarea-form textarea-readonly textarea-size theming-base-colors theming-base-styles toggle-default toggle-group-default toggle-group-outline toggle-group-single toggle-group-size toggle-outline toggle-size toggle-text tooltip-default tooltip-side tree-default tree-icon tree-line tree-plus-minus typing-text-default typing-text-fast typing-text-loop typing-text-no-cursor typing-text-slow video-text-default word-rotate-default word-rotate-flip word-rotate-scale word-rotate-slide

accordion-default accordion-indicator accordion-menu-default accordion-menu-multi-expand accordion-menu-multi-level accordion-menu-router accordion-menu-states accordion-menu-sub-menu accordion-nested accordion-outline accordion-solid alert-actions alert-default alert-dialog-default alert-dialog-destructive alert-extended alert-light alert-mono alert-outline alert-size alert-solid avatar-badge avatar-default avatar-fallback avatar-group avatar-group-default avatar-group-flip-animation avatar-indicator avatar-size avatar-status avatar-users badge-as-child badge-circle badge-default badge-disabled badge-ghost badge-light badge-outline badge-remove-button badge-size badge-square badge-with-dot badge-with-icon base-accordion-default base-accordion-indicator base-accordion-nested base-accordion-outline base-accordion-solid base-alert-dialog-default base-alert-dialog-destructive base-alert-dialog-dismiss base-alert-dialog-no-backdrop base-autocomplete-async-search base-autocomplete-auto-highlight base-autocomplete-clear-button base-autocomplete-default base-autocomplete-form base-autocomplete-grouped base-autocomplete-size base-avatar-badge base-avatar-default base-avatar-fallback base-avatar-group base-avatar-indicator base-avatar-size base-avatar-status base-avatar-users base-badge-as-child base-badge-circle base-badge-default base-badge-disabled base-badge-ghost base-badge-light base-badge-outline base-badge-remove-button base-badge-size base-badge-square base-badge-with-dot base-badge-with-icon base-breadcrumb-card base-breadcrumb-default base-breadcrumb-dropdown base-breadcrumb-icon base-breadcrumb-separator base-button-as-input base-button-badge base-button-dashed base-button-default base-button-destructive base-button-disabled base-button-full-width base-button-ghost base-button-icon base-button-link base-button-loading base-button-mono base-button-outline base-button-radius-full base-button-secondary base-button-size base-button-with-icon base-checkbox-checked base-checkbox-default base-checkbox-disabled base-checkbox-form base-checkbox-indeterminate base-checkbox-size base-collapsible-card base-collapsible-default base-combobox-creatable base-combobox-default base-combobox-external-tags base-combobox-form base-combobox-grouped base-combobox-multi-select base-combobox-popup-input base-combobox-size base-context-menu-default base-dialog-default base-dialog-fullscreen base-dialog-no-overlay base-dialog-scroll base-form-default base-input-addon base-input-clear-button base-input-copy-to-clipboard base-input-date base-input-date-time base-input-default base-input-disabled base-input-file base-input-form base-input-icon base-input-readonly base-input-size base-input-time base-menu-checkbox base-menu-default base-menu-nested base-menu-radio-group base-menubar-default base-meter-default base-navigation-menu-default base-navigation-menu-with-arrow base-number-field-default base-number-field-size base-phone-input-default base-phone-input-form base-phone-input-size base-popover-default base-popover-position base-popover-without-arrow base-preview-card-default base-progress-animated base-progress-colors base-progress-default base-progress-sizes base-progress-status base-radio-group-checked base-radio-group-default base-radio-group-disabled base-radio-group-form base-radio-group-size base-scroll-area-default base-select-avatar base-select-badge base-select-clear base-select-custom-indicator base-select-default base-select-disabled base-select-disabled-option base-select-form base-select-group base-select-icon base-select-indicator-position base-select-multiple base-select-scroll base-select-size base-select-status base-separator-default base-sheet-default base-sheet-scroll base-sheet-side base-slider-default base-slider-form base-slider-input base-slider-labels base-slider-range base-slider-rating base-slider-ticks base-slider-tooltip base-slider-vertical base-switch-default base-switch-disabled base-switch-form base-switch-icon base-switch-size base-tabs-badge base-tabs-button base-tabs-default base-tabs-disabled base-tabs-icon base-tabs-line base-tabs-pill base-tabs-size-lg base-tabs-size-md base-tabs-size-sm base-tabs-size-xs base-tabs-vertical base-toast-close base-toast-custom base-toast-default base-toast-positions base-toast-promise base-toast-type base-toggle-default base-toggle-group-default base-toggle-group-outline base-toggle-group-single base-toggle-group-size base-toggle-outline base-toggle-size base-toggle-text base-toolbar-default base-tooltip-default base-tooltip-light base-tooltip-side base-tooltip-without-arrow breadcrumb-card breadcrumb-default breadcrumb-dropdown breadcrumb-icon breadcrumb-separator button-as-input button-badge button-dashed button-default button-destructive button-disabled button-full-width button-ghost button-icon button-link button-loading button-mono button-outline button-radius-full button-secondary button-size button-with-icon calendar-default calendar-multiple-months card-accent card-default carousel-default carousel-orientation carousel-sizes carousel-spacing chart-default checkbox-checked checkbox-default checkbox-disabled checkbox-form checkbox-indeterminate checkbox-size code-copy-button code-default code-sizes code-variants collapsible-card collapsible-default combobox-add-option combobox-badge combobox-country combobox-custom-indicator combobox-default combobox-disabled-option combobox-form combobox-group combobox-icon combobox-indicator-position combobox-multiple-count-label combobox-multiple-default combobox-multiple-expandable combobox-multiple-user combobox-phone-number combobox-status combobox-timezone combobox-user command-default command-dialog context-menu-default counting-number-decimal counting-number-default counting-number-format data-grid-auto-width data-grid-card data-grid-cell-border data-grid-column-controls data-grid-column-icons data-grid-columns-visibility data-grid-crud data-grid-default data-grid-dense data-grid-draggable-columns data-grid-draggable-rows data-grid-expandable-row data-grid-light data-grid-movable-columns data-grid-pinnable-columns data-grid-resizable-columns data-grid-row-selection data-grid-skeleton data-grid-sortable-columns data-grid-sticky-header data-grid-stripped data-grid-sub-data-grid date-picker-date-time date-picker-default date-picker-form date-picker-presets date-picker-range dialog-default dialog-fullscreen dialog-no-overlay dialog-scrollable drawer-default dropdown-menu-checkbox dropdown-menu-default dropdown-menu-radio-group file-upload-avatar-upload file-upload-card-upload file-upload-compact-upload file-upload-cover-upload file-upload-default file-upload-dropzone file-upload-gallery-upload file-upload-image-upload file-upload-progress-upload file-upload-sortable file-upload-table-upload filters-add-button filters-async filters-custom filters-data-grid filters-debug filters-default filters-input-change-example filters-internationalization filters-nuqs filters-radius-full filters-size filters-solid-style form-default github-button-default github-button-outline github-button-separator github-button-sizes gradient-background-dark gradient-background-default grid-background-default grid-background-hero hover-background-dark hover-background-default hover-card-default input-addon input-clear-button input-copy-to-clipboard input-date input-date-time input-default input-disabled input-file input-form input-icon input-readonly input-size input-time kanban-default kanban-overlay kbd-default kbd-tooltip label-default marquee-3d marquee-default marquee-thumbnails marquee-vertical menubar-default navigation-menu-default pagination-card pagination-default pagination-icon phone-input-default popover-default progress-circle progress-default progress-radial progress-spinner progress-status radio-group-default radio-group-disabled radio-group-form radio-group-size rating-decimal rating-default rating-editable rating-show-value rating-size rating-statistics resizable-default resizable-handle resizable-vertical scroll-area-default scrollspy-default scrollspy-horizontal select-avatar select-badge select-country select-custom-indicator select-default select-disabled select-disabled-option select-form select-group select-icon select-indicator-position select-size select-status separator-default sheet-default sheet-scrollable sheet-side shimmering-text-color shimmering-text-default skeleton-default slider-default slider-form slider-input slider-range slider-tooltip sliding-number-default sliding-number-slider sonner-default sonner-variants sortable-default sortable-grid sortable-nested stepper-controlled stepper-default stepper-description stepper-indicators stepper-inline-title stepper-inline-title-description stepper-progress stepper-states stepper-title stepper-title-bar stepper-title-description stepper-title-status stepper-vertical stepper-vertical-title stepper-vertical-title-description svg-text-default switch-advanced-label switch-button switch-checked switch-default switch-disabled switch-form switch-icon switch-indicator switch-size switch-square table-default table-vertical tabs-badge tabs-button tabs-default tabs-disabled tabs-icon tabs-line tabs-pill tabs-size-lg tabs-size-md tabs-size-sm tabs-size-xs tabs-vertical text-reveal-blur text-reveal-default text-reveal-elastic text-reveal-fire text-reveal-neon-glow text-reveal-rainbow text-reveal-rotate text-reveal-scale text-reveal-slide-variants text-reveal-stagger text-reveal-typewriter text-reveal-wave textarea-default textarea-disabled textarea-form textarea-readonly textarea-size theming-base-colors theming-base-styles toggle-default toggle-group-default toggle-group-outline toggle-group-single toggle-group-size toggle-outline toggle-size toggle-text tooltip-default tooltip-side tree-default tree-icon tree-line tree-plus-minus typing-text-default typing-text-fast typing-text-loop typing-text-no-cursor typing-text-slow video-text-default word-rotate-default word-rotate-flip word-rotate-scale word-rotate-slide

Select a component to view its code

Click on any item in the sidebar to get started

Select a component to view its information