StaleComponent library (general)7

@oui

Component library (general) · MIT · data updated 2026-07-28

React Aria Components styled with shadcn UI characteristics, designed to run side-by-side with existing shadcn installs without overwriting any shadcn files. Covers 50+ components: Alert, Autocomplete, Badge, Base, Button, Button Group, Calendar, Card, Checkbox, Checkbox Group, Combo Box, Date Field, Date Picker, Dialog, Disclosure, Field, Form, Input, Input Group, Keyboard, Label, Link, List Box, Menu, Modal, Number Field, Pagination, Popover, Radio Group, React Router bindings, Search Field, Select, Separator, Sheet, Sidebar, Slider, Switch, Table, Tabs, Text Area, Text Field, Toggle Button, Toggle Button Group, and Tooltip. Adds accessibility and ARIA compliance beyond Radix-based alternatives. Free. Use for: projects needing ARIA-first accessible components with shadcn visual styling, especially where WAI-ARIA compliance is a hard requirement.

Website Docs GitHub Components folder Agent brief (.md)

accessibilityanimationauthbuttonscardscomponentsdashboarddesign-systemformsiconsmedianavigationoverlaystablestheming

Install

npx shadcn@latest add https://oui.mw10013.workers.dev/r/registry.json

Health

StatusStale

Last commit7 months ago

LicenseMIT

Open issues0

ArchivedNo

Stars7

Components (137)

oui-alertoui-alert-demooui-autocomplete-demooui-autocomplete-demo-avataroui-autocomplete-demo-searchableoui-badgeoui-badge-demooui-baseoui-buttonoui-button-demooui-button-demo-outlineoui-button-demo-destructiveoui-button-demo-disabledoui-button-demo-disabled-animationoui-button-demo-ghostoui-button-demo-icon-leftoui-button-demo-icon-rightoui-button-demo-lgoui-button-demo-linkoui-button-demo-secondaryoui-button-demo-smoui-button-groupoui-button-group-demooui-calendaroui-calendar-demooui-cardoui-checkboxoui-checkbox-demooui-checkbox-demo-blueoui-checkbox-groupoui-checkbox-group-demooui-checkbox-group-demo-invalidoui-combo-boxoui-combo-box-demooui-combo-box-demo-avataroui-combo-box-demo-headeroui-date-fieldoui-date-field-demooui-date-pickeroui-date-picker-demooui-dialogoui-dialog-demooui-dialog-demo-scrollable-contentoui-dialog-demo-sticky-footeroui-dialog-demo-alertoui-dialog-demo-alert-confirmoui-disclosureoui-disclosure-demooui-disclosure-demo-groupoui-disclosure-demo-textoui-fieldoui-field-demooui-field-demo-fieldsetoui-form-demooui-indexoui-react-router-indexoui-inputoui-input-demooui-input-demo-passwordoui-input-demo-disabled

Components: oui-alert, oui-alert-demo, oui-autocomplete-demo, oui-autocomplete-demo-avatar, oui-autocomplete-demo-searchable, oui-badge, oui-badge-demo, oui-base, oui-button, oui-button-demo, oui-button-demo-outline, oui-button-demo-destructive, oui-button-demo-disabled, oui-button-demo-disabled-animation, oui-button-demo-ghost, oui-button-demo-icon-left, oui-button-demo-icon-right, oui-button-demo-lg, oui-button-demo-link, oui-button-demo-secondary, oui-button-demo-sm, oui-button-group, oui-button-group-demo, oui-calendar, oui-calendar-demo, oui-card, oui-checkbox, oui-checkbox-demo, oui-checkbox-demo-blue, oui-checkbox-group, oui-checkbox-group-demo, oui-checkbox-group-demo-invalid, oui-combo-box, oui-combo-box-demo, oui-combo-box-demo-avatar, oui-combo-box-demo-header, oui-date-field, oui-date-field-demo, oui-date-picker, oui-date-picker-demo, oui-dialog, oui-dialog-demo, oui-dialog-demo-scrollable-content, oui-dialog-demo-sticky-footer, oui-dialog-demo-alert, oui-dialog-demo-alert-confirm, oui-disclosure, oui-disclosure-demo, oui-disclosure-demo-group, oui-disclosure-demo-text, oui-field, oui-field-demo, oui-field-demo-fieldset, oui-form-demo, oui-index, oui-react-router-index, oui-input, oui-input-demo, oui-input-demo-password, oui-input-demo-disabled, oui-input-group, oui-input-group-demo, oui-keyboard, oui-keyboard-demo, oui-label, oui-label-demo, oui-label-demo-disabled, oui-link, oui-link-demo, oui-link-demo-hover, oui-link-demo-always, oui-link-demo-current, oui-link-demo-focus, oui-link-demo-disabled, oui-link-demo-button, oui-link-demo-button-outline, oui-link-demo-button-destructive, oui-link-demo-button-disabled, oui-link-demo-icon, oui-link-demo-login, oui-list-box, oui-list-box-demo, oui-list-box-demo-multiple, oui-menu, oui-menu-demo, oui-menu-demo-checkboxes, oui-menu-demo-radio-group, oui-menu-demo-avatar, oui-menu-demo-avatar-only, oui-menu-demo-icon, oui-modal, oui-number-field, oui-number-field-demo, oui-pagination, oui-pagination-demo, oui-popover, oui-popover-demo, oui-radio-group, oui-radio-group-demo, oui-radio-group-demo-green, oui-react-router-error-boundary, oui-react-router-provider, oui-react-router-theme-toggle-button, oui-search-field, oui-search-field-demo, oui-select, oui-select-demo, oui-select-demo-multiple, oui-select-demo-large-list, oui-select-demo-icon, oui-separator, oui-separator-demo, oui-sheet, oui-sheet-demo, oui-sheet-demo-sides, oui-sidebar, oui-slider, oui-slider-demo, oui-switch, oui-switch-demo, oui-table, oui-table-demo, oui-table-demo-action-menu, oui-tabs, oui-tabs-demo, oui-text-area, oui-text-area-demo, oui-text-field, oui-text-field-demo, oui-text-field-demo-invalid, oui-toggle-button, oui-toggle-button-demo, oui-toggle-button-group, oui-toggle-button-group-demo, oui-tooltip, oui-tooltip-demo, oui-on-submit-react-router

Preview

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.

@oui · oui-alert

npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-alert.json

View source