ActiveFeaturedComponent library (general)1,953
@intentui
Component library (general) · MIT · data updated 2026-09-05
A large, fully accessible open-source React component library built on React Aria (Adobe) rather than Radix, offering 565+ registry items including an extensive primitive set, 10+ color themes, and categories: Buttons (Button Group, File Trigger, Toggle Group), Collections (Choice Box, Dropdown, Grid List, List Box, Menu, Table, Tag Group, Tree), Colors (Color Area, Field, Picker, Slider, Swatch, Wheel), Date/Time (Calendar, Date/Range Picker, Time Field), Forms, Drag & Drop, Charts (Area, Bar, Line, Pie), Overlays, and data visualization (Tracker, Meter, Leaderboard). Built with Tailwind CSS, TypeScript, works with Next.js, Vite, and Inertia.js. Free and MIT-licensed. Use for: building accessible, React Aria-backed UIs when Radix UI is not desired, especially date pickers, color pickers, and drag-and-drop flows.
accessibilityauthbuttonscardschartscomponentsdashboarddesign-systemformsloadersmedianavigationoverlaystablestheming
Install
npx shadcn@latest add https://intentui.com/r/registryHealth
StatusActive
Last committoday
LicenseMIT
Open issues0
ArchivedNo
Stars1,953
Components (592)
theme-defaulttheme-bluetheme-skytheme-indigotheme-emeraldtheme-tealtheme-purpletheme-pinktheme-rosetheme-greentheme-limetheme-cyanarea-chartavatarbadgebar-chartbar-listbreadcrumbsbutton-groupbuttoncalendarcardcarouselchartcheckboxchoice-boxcolor-areacolor-fieldcolor-pickercolor-slidercolor-swatch-pickercolor-swatchcolor-thumbcolor-wheelcombo-boxcommand-menucontainercontext-menudate-fielddate-pickerdate-range-pickerdescription-listdialogdisclosure-groupdrawerdrop-zonedropdownfieldfile-triggergrid-listheadinginput-otpinputkeyboardleaderboardline-chartlinklist-boxloadermenu
Components: theme-default, theme-blue, theme-sky, theme-indigo, theme-emerald, theme-teal, theme-purple, theme-pink, theme-rose, theme-green, theme-lime, theme-cyan, area-chart, avatar, badge, bar-chart, bar-list, breadcrumbs, button-group, button, calendar, card, carousel, chart, checkbox, choice-box, color-area, color-field, color-picker, color-slider, color-swatch-picker, color-swatch, color-thumb, color-wheel, combo-box, command-menu, container, context-menu, date-field, date-picker, date-range-picker, description-list, dialog, disclosure-group, drawer, drop-zone, dropdown, field, file-trigger, grid-list, heading, input-otp, input, keyboard, leaderboard, line-chart, link, list-box, loader, menu, meter, modal, multiple-select, native-select, navbar, note, number-field, pagination, pie-chart, popover, preview, progress-bar, progress-circle, radar-chart, radial-bar-chart, radio, range-calendar, scroll-area, search-field, select, separator, sheet, show-more, sidebar, skeleton, slider, snippet, switch, table, tabs, tag-field, tag-group, text-field, text, textarea, time-field, toast, toggle-group, toggle, toolbar, tooltip, tracker, tree, tracker-example, tracker-without-tooltip-example, radial-bar-chart-custom-colors-example, radial-bar-chart-example, radial-bar-chart-gauge-example, radial-bar-chart-multiple-example, radar-chart-circular-grid-example, radar-chart-custom-colors-example, radar-chart-example, radar-chart-multiple-example, pie-chart-custom-colors-example, pie-chart-donut-custom-label-example, pie-chart-donut-example, pie-chart-example, pie-chart-gap-example, pie-chart-interactive-example, line-chart-controlled-example, line-chart-custom-colors-example, line-chart-custom-format-example, line-chart-custom-legend-example, line-chart-custom-tooltip-example, line-chart-example, line-chart-monotone-example, line-chart-stacked-example, leaderboard-controlled-example, leaderboard-currency-example, leaderboard-example, leaderboard-header-example, leaderboard-icon-example, leaderboard-percentage-example, bar-list-controlled-example, bar-list-example, bar-chart-controlled-example, bar-chart-custom-colors-example, bar-chart-custom-format-example, bar-chart-custom-legend-example, bar-chart-custom-tooltip-example, bar-chart-example, bar-chart-monotone-example, bar-chart-stacked-example, area-chart-controlled-example, area-chart-custom-colors-example, area-chart-custom-format-example, area-chart-custom-legend-example, area-chart-custom-tooltip-example, area-chart-example, area-chart-monotone-example, area-chart-stacked-example, text-basic-example, text-link-example, show-more-as-text-example, show-more-controlled-example, show-more-example, show-more-orientation-example, separator-example, separator-orientation-example, heading-example, heading-level-example, description-list-card-example, description-list-example, description-list-heading-example, card-action-example, card-example, card-login-form-example, card-table-example, toast-action-example, toast-description-example, toast-example, toast-positions-example, toast-promise-example, toast-status-example, skeleton-dynamic-content-example, skeleton-example, progress-circle-color-example, progress-circle-controlled-example, progress-circle-custom-size-example, progress-circle-example, progress-circle-indeterminate-example, indeterminate-progress-bar-example, progress-bar-example, note-example, note-intent-example, meter-currency-format-example, meter-decimal-format-example, meter-example, loader-example, loader-size-example, loader-variant-example, badge-example, badge-intent-example, badge-shape-example, select-controlled-example, select-details-description-example, select-disabled-example, select-example, select-multiple-example, select-searchable-example, select-section-example, select-uncontrolled-example, select-validation-example, select-with-avatar-example, select-with-icon-example, native-select-controlled-example, native-select-description-example, native-select-disabled-example, native-select-example, native-select-invalid-example, native-select-label-example, native-select-uncontrolled-example, multiple-select-controlled-example, multiple-select-disabled-example, multiple-select-example, multiple-select-invalid-example, combo-box-avatar-example, combo-box-controlled-example, combo-box-controlled-selection-example, combo-box-custom-value-example, combo-box-detail-description-example, combo-box-disabled-example, combo-box-example, combo-box-invalid-example, combo-box-multi-select-example, combo-box-readonly-example, combo-box-section-example, combo-box-validation-example, tooltip-delay-example, tooltip-example, tooltip-intent-example, tooltip-placement-example, tooltip-without-arrow-example, sheet-controlled-example, sheet-custom-close-example, sheet-example, sheet-float-example, sheet-menu-example, sheet-position-example, sheet-sticky-example, preview-custom-trigger, preview-example, preview-no-delay-example, popover-arrow-example, popover-controlled-example, popover-custom-close, popover-example, popover-placement-example, popover-trigger-example, alert-dialog-example, modal-controlled-example, modal-example, modal-nested-example, modal-size-example, modal-sticky-example, modal-triggered-by-menu-example, drawer-basic-example, drawer-controlled-example, drawer-float-example, drawer-nested-example, drawer-side-example, drawer-sticky-example, drawer-without-notch-example, option-preview, tabs-disabled-example, tabs-example, tabs-icons-example, tabs-link-example, tabs-orientation-example, snippet-example, pagination-example, simple-pagination-example, link-button-example, link-disabled-example, link-example, link-unstyled-example, disclosure-controlled-example, disclosure-disabled-example, disclosure-example, disclosure-group-allow-multiple-expand-example, disclosure-group-default-expand-example, disclosure-group-disabled-example, disclosure-group-example, disclosure-group-nested-example, disclosure-group-with-icon-example, breadcrumbs-collections-example, breadcrumbs-current-example, breadcrumbs-example, breadcrumbs-menu-example, breadcrumbs-separator-example, carousel-api-example, carousel-autoplay-example, carousel-example, carousel-options-example, carousel-orientation-example, avatar-basic-example, avatar-group-example, avatar-initials-example, avatar-shape-example, avatar-size-example, textarea-autocomplete-example, textarea-controlled-example, textarea-description-example, textarea-disabled-example, textarea-example, textarea-readonly-example, textarea-uncontrolled-example, textarea-validation-example, text-field-controlled-example, text-field-description-example, text-field-disabled-example, text-field-example, text-field-prefix-suffix-example, text-field-readonly-example, text-field-revealable-example, text-field-suffix-button-example, text-field-uncontrolled-example, text-field-validation-example, tag-field-controlled-example, tag-field-disabled-example, tag-field-example, search-field-controlled-example, search-field-description-example, search-field-disabled-example, search-field-example, search-field-readonly-example, search-field-uncontrolled-example, search-field-validation-example, search-field-with-label-example, radio-group-controlled-example, radio-group-description-example, radio-group-disabled-example, radio-group-example, radio-group-orientation-example, radio-group-uncontrolled-example, radio-group-validation-example, number-field-controlled-example, number-field-disabled-example, number-field-example, number-field-invalid-example, number-field-uncontrolled-example, input-otp-controlled-example, input-otp-example, input-otp-separator-example, input-basic-example, input-controlled-example, input-group-example, input-label-description-example, input-text-field-example, field-example, checkbox-controlled-example, checkbox-description-example, checkbox-disabled-example, checkbox-example, checkbox-group-controlled-example, checkbox-group-description-example, checkbox-group-disabled-example, checkbox-group-example, checkbox-group-indeterminate-example, checkbox-group-uncontrolled-example, checkbox-group-validation-example, checkbox-indeterminate-example, checkbox-invalid-example, checkbox-uncontrolled-example, drop-zone-and-file-trigger-example, drop-zone-example, time-field-controlled-example, time-field-disabled-example, time-field-example, time-field-hc-example, time-field-readonly-example, time-field-validation-example, date-range-picker-controlled-example, date-range-picker-custom-validation-example, date-range-picker-disabled-example, date-range-picker-example, date-range-picker-time-example, date-range-picker-validation-example, date-range-picker-visible-duration-example, date-picker-controlled-example, date-picker-custom-validation-example, date-picker-disabled-example, date-picker-example, date-picker-required-example, date-time-example, date-field-controlled-example, date-field-disabled-example, date-field-example, date-field-readonly-example, date-field-uncontrolled-example, date-field-validation-example, date-time-field-example, calendar-example, range-calendar-controlled-example, range-calendar-example, range-calendar-uncontrolled-example, toolbar-disabled-example, toolbar-example, toolbar-orientation-example, switch-controlled-examplePreview
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.