---
name: "@oui"
slug: "oui"
description: "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."
category: "Component library (general)"
tags: ["accessibility", "animation", "auth", "buttons", "cards", "components", "dashboard", "design-system", "forms", "icons", "media", "navigation", "overlays", "tables", "theming"]
framework: "react"
license: "MIT"
author: "mw10013"
website: "https://oui.mw10013.workers.dev"
github: "https://github.com/mw10013/oui"
registry: "https://oui.mw10013.workers.dev/r/registry.json"
pro: false
pro_url: null
github_stars: 7
component_count: 137
generated_at: "2026-07-28T08:00:50.948Z"
---

# @oui

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.

## Links

- Website: https://oui.mw10013.workers.dev
- GitHub: https://github.com/mw10013/oui
- Registry JSON: https://oui.mw10013.workers.dev/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/oui
- This file: https://sh4dcn.vercel.app/md/oui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://oui.mw10013.workers.dev/r/registry.json
pnpm dlx shadcn@latest add https://oui.mw10013.workers.dev/r/registry.json
bunx shadcn@latest add https://oui.mw10013.workers.dev/r/registry.json
# clone the source repo
git clone https://github.com/mw10013/oui.git
# fetch the raw registry index
curl -s https://oui.mw10013.workers.dev/r/registry.json
```

## Components (137)

| name | type | description | install |
| --- | --- | --- | --- |
| oui-alert | registry:ui | A shadcn Alert for a form displaying form action result. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-alert.json` |
| oui-alert-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-alert-demo.json` |
| oui-autocomplete-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-autocomplete-demo.json` |
| oui-autocomplete-demo-avatar | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-avatar.json` |
| oui-autocomplete-demo-searchable | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-searchable.json` |
| oui-badge | registry:ui | A className function to style a react aria component as a shadcn Badge | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-badge.json` |
| oui-badge-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-badge-demo.json` |
| oui-base | registry:ui | Base styles and utilities for Oui. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-base.json` |
| oui-button | registry:ui | React aria components Button with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button.json` |
| oui-button-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo.json` |
| oui-button-demo-outline | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-outline.json` |
| oui-button-demo-destructive | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-destructive.json` |
| oui-button-demo-disabled | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-disabled.json` |
| oui-button-demo-disabled-animation | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-disabled-animation.json` |
| oui-button-demo-ghost | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-ghost.json` |
| oui-button-demo-icon-left | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-icon-left.json` |
| oui-button-demo-icon-right | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-icon-right.json` |
| oui-button-demo-lg | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-lg.json` |
| oui-button-demo-link | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-link.json` |
| oui-button-demo-secondary | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-secondary.json` |
| oui-button-demo-sm | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-sm.json` |
| oui-button-group | registry:ui | Shadcn Button Group with react aria component characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-group.json` |
| oui-button-group-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-group-demo.json` |
| oui-calendar | registry:ui | React aria components Calendar with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-calendar.json` |
| oui-calendar-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-calendar-demo.json` |
| oui-card | registry:ui | CardGridListItem for shadcn Card. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-card.json` |
| oui-checkbox | registry:ui | React aria components Checkbox with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox.json` |
| oui-checkbox-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-demo.json` |
| oui-checkbox-demo-blue | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-demo-blue.json` |
| oui-checkbox-group | registry:ui | React aria components Checkbox Group with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-group.json` |
| oui-checkbox-group-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo.json` |
| oui-checkbox-group-demo-invalid | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo-invalid.json` |
| oui-combo-box | registry:ui | React aria components Combo Box with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box.json` |
| oui-combo-box-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box-demo.json` |
| oui-combo-box-demo-avatar | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box-demo-avatar.json` |
| oui-combo-box-demo-header | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box-demo-header.json` |
| oui-date-field | registry:ui | React aria components DateField with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-field.json` |
| oui-date-field-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-field-demo.json` |
| oui-date-picker | registry:ui | React aria components DatePicker with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-picker.json` |
| oui-date-picker-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-picker-demo.json` |
| oui-dialog | registry:ui | React aria components Dialog with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog.json` |
| oui-dialog-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo.json` |
| oui-dialog-demo-scrollable-content | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-scrollable-content.json` |
| oui-dialog-demo-sticky-footer | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-sticky-footer.json` |
| oui-dialog-demo-alert | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert.json` |
| oui-dialog-demo-alert-confirm | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert-confirm.json` |
| oui-disclosure | registry:ui | React aria components Disclosure with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure.json` |
| oui-disclosure-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure-demo.json` |
| oui-disclosure-demo-group | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure-demo-group.json` |
| oui-disclosure-demo-text | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure-demo-text.json` |
| oui-field | registry:ui | Shadcn Field with react aria components characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-field.json` |
| oui-field-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-field-demo.json` |
| oui-field-demo-fieldset | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-field-demo-fieldset.json` |
| oui-form-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-form-demo.json` |
| oui-index | registry:ui | All oui ui components. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-index.json` |
| oui-react-router-index | registry:component | All react router related components and extensions. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-index.json` |
| oui-input | registry:ui | React aria components Input with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input.json` |
| oui-input-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-demo.json` |
| oui-input-demo-password | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-demo-password.json` |
| oui-input-demo-disabled | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-demo-disabled.json` |
| oui-input-group | registry:ui | React aria components Group with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-group.json` |
| oui-input-group-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-group-demo.json` |
| oui-keyboard | registry:ui | React aria components Keyboard with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-keyboard.json` |
| oui-keyboard-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-keyboard-demo.json` |
| oui-label | registry:ui | React aria components Label with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-label.json` |
| oui-label-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-label-demo.json` |
| oui-label-demo-disabled | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-label-demo-disabled.json` |
| oui-link | registry:ui | React aria components Link with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link.json` |
| oui-link-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo.json` |
| oui-link-demo-hover | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-hover.json` |
| oui-link-demo-always | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-always.json` |
| oui-link-demo-current | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-current.json` |
| oui-link-demo-focus | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-focus.json` |
| oui-link-demo-disabled | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-disabled.json` |
| oui-link-demo-button | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button.json` |
| oui-link-demo-button-outline | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button-outline.json` |
| oui-link-demo-button-destructive | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button-destructive.json` |
| oui-link-demo-button-disabled | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button-disabled.json` |
| oui-link-demo-icon | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-icon.json` |
| oui-link-demo-login | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-login.json` |
| oui-list-box | registry:ui | React aria components List Box with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-list-box.json` |
| oui-list-box-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-list-box-demo.json` |
| oui-list-box-demo-multiple | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-list-box-demo-multiple.json` |
| oui-menu | registry:ui | React aria components Menu with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu.json` |
| oui-menu-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo.json` |
| oui-menu-demo-checkboxes | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-checkboxes.json` |
| oui-menu-demo-radio-group | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-radio-group.json` |
| oui-menu-demo-avatar | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar.json` |
| oui-menu-demo-avatar-only | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar-only.json` |
| oui-menu-demo-icon | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-icon.json` |
| oui-modal | registry:ui | React aria components Modal with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-modal.json` |
| oui-number-field | registry:ui | React aria components Number Field with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-number-field.json` |
| oui-number-field-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-number-field-demo.json` |
| oui-pagination | registry:ui | React aria components List Box with shadcn characteristics for pagination. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-pagination.json` |
| oui-pagination-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-pagination-demo.json` |
| oui-popover | registry:ui | React aria components Popover with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-popover.json` |
| oui-popover-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-popover-demo.json` |
| oui-radio-group | registry:ui | React aria components Radio Group with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-radio-group.json` |
| oui-radio-group-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-radio-group-demo.json` |
| oui-radio-group-demo-green | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-radio-group-demo-green.json` |
| oui-react-router-error-boundary | registry:component | Error Boundary for react router. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-error-boundary.json` |
| oui-react-router-provider | registry:component | React aria components Router Provider for react router. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-provider.json` |
| oui-react-router-theme-toggle-button | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-theme-toggle-button.json` |
| oui-search-field | registry:ui | React aria components Search Field with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-search-field.json` |
| oui-search-field-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-search-field-demo.json` |
| oui-select | registry:ui | React aria components Select with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select.json` |
| oui-select-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo.json` |
| oui-select-demo-multiple | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo-multiple.json` |
| oui-select-demo-large-list | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo-large-list.json` |
| oui-select-demo-icon | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo-icon.json` |
| oui-separator | registry:ui | React aria components Separator with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-separator.json` |
| oui-separator-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-separator-demo.json` |
| oui-sheet | registry:ui | A className function to style a react aria components Modal as a shadcn Sheet. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sheet.json` |
| oui-sheet-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sheet-demo.json` |
| oui-sheet-demo-sides | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sheet-demo-sides.json` |
| oui-sidebar | registry:ui | Sidebar Trigger, Sidebar Tree, and Sidebar Button for shadcn Sidebar. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sidebar.json` |
| oui-slider | registry:ui | React aria components Slider with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-slider.json` |
| oui-slider-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-slider-demo.json` |
| oui-switch | registry:ui | React aria components Switch with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-switch.json` |
| oui-switch-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-switch-demo.json` |
| oui-table | registry:ui | React aria components Table with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-table.json` |
| oui-table-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-table-demo.json` |
| oui-table-demo-action-menu | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-table-demo-action-menu.json` |
| oui-tabs | registry:ui | React aria components Tabs with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tabs.json` |
| oui-tabs-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tabs-demo.json` |
| oui-text-area | registry:ui | React aria components Text Area with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-area.json` |
| oui-text-area-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-area-demo.json` |
| oui-text-field | registry:ui | React aria components Text Field with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-field.json` |
| oui-text-field-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-field-demo.json` |
| oui-text-field-demo-invalid | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-field-demo-invalid.json` |
| oui-toggle-button | registry:ui | React aria components Toggle Button with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button.json` |
| oui-toggle-button-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button-demo.json` |
| oui-toggle-button-group | registry:ui | React aria components Toggle Button Group with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button-group.json` |
| oui-toggle-button-group-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button-group-demo.json` |
| oui-tooltip | registry:ui | React aria components Tooltip with shadcn characteristics. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tooltip.json` |
| oui-tooltip-demo | registry:component | — | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tooltip-demo.json` |
| oui-on-submit-react-router | registry:lib | Helper function to handle form submissions with react router. | `npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-on-submit-react-router.json` |

## For AI agents

```text
You are adding components from @oui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/oui.md) for the component list.
2. Fetch the machine-readable index: https://oui.mw10013.workers.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: oui).
```