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

# @intentui

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.

## Links

- Website: https://intentui.com
- GitHub: https://github.com/intentui/intentui
- Registry JSON: https://intentui.com/r/registry
- Directory page: https://sh4dcn.vercel.app/registry/intentui
- This file: https://sh4dcn.vercel.app/md/intentui.md

## Install

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

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| theme-default | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-default` |
| theme-blue | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-blue` |
| theme-sky | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-sky` |
| theme-indigo | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-indigo` |
| theme-emerald | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-emerald` |
| theme-teal | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-teal` |
| theme-purple | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-purple` |
| theme-pink | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-pink` |
| theme-rose | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-rose` |
| theme-green | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-green` |
| theme-lime | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-lime` |
| theme-cyan | registry:style | — | `npx shadcn@latest add https://intentui.com/r/theme-cyan` |
| area-chart | registry:ui | area-chart | `npx shadcn@latest add https://intentui.com/r/area-chart` |
| avatar | registry:ui | avatar | `npx shadcn@latest add https://intentui.com/r/avatar` |
| badge | registry:ui | badge | `npx shadcn@latest add https://intentui.com/r/badge` |
| bar-chart | registry:ui | bar-chart | `npx shadcn@latest add https://intentui.com/r/bar-chart` |
| bar-list | registry:ui | bar-list | `npx shadcn@latest add https://intentui.com/r/bar-list` |
| breadcrumbs | registry:ui | breadcrumbs | `npx shadcn@latest add https://intentui.com/r/breadcrumbs` |
| button-group | registry:ui | button-group | `npx shadcn@latest add https://intentui.com/r/button-group` |
| button | registry:ui | button | `npx shadcn@latest add https://intentui.com/r/button` |
| calendar | registry:ui | calendar | `npx shadcn@latest add https://intentui.com/r/calendar` |
| card | registry:ui | card | `npx shadcn@latest add https://intentui.com/r/card` |
| carousel | registry:ui | carousel | `npx shadcn@latest add https://intentui.com/r/carousel` |
| chart | registry:ui | chart | `npx shadcn@latest add https://intentui.com/r/chart` |
| checkbox | registry:ui | checkbox | `npx shadcn@latest add https://intentui.com/r/checkbox` |
| choice-box | registry:ui | choice-box | `npx shadcn@latest add https://intentui.com/r/choice-box` |
| color-area | registry:ui | color-area | `npx shadcn@latest add https://intentui.com/r/color-area` |
| color-field | registry:ui | color-field | `npx shadcn@latest add https://intentui.com/r/color-field` |
| color-picker | registry:ui | color-picker | `npx shadcn@latest add https://intentui.com/r/color-picker` |
| color-slider | registry:ui | color-slider | `npx shadcn@latest add https://intentui.com/r/color-slider` |
| color-swatch-picker | registry:ui | color-swatch-picker | `npx shadcn@latest add https://intentui.com/r/color-swatch-picker` |
| color-swatch | registry:ui | color-swatch | `npx shadcn@latest add https://intentui.com/r/color-swatch` |
| color-thumb | registry:ui | color-thumb | `npx shadcn@latest add https://intentui.com/r/color-thumb` |
| color-wheel | registry:ui | color-wheel | `npx shadcn@latest add https://intentui.com/r/color-wheel` |
| combo-box | registry:ui | combo-box | `npx shadcn@latest add https://intentui.com/r/combo-box` |
| command-menu | registry:ui | command-menu | `npx shadcn@latest add https://intentui.com/r/command-menu` |
| container | registry:ui | container | `npx shadcn@latest add https://intentui.com/r/container` |
| context-menu | registry:ui | context-menu | `npx shadcn@latest add https://intentui.com/r/context-menu` |
| date-field | registry:ui | date-field | `npx shadcn@latest add https://intentui.com/r/date-field` |
| date-picker | registry:ui | date-picker | `npx shadcn@latest add https://intentui.com/r/date-picker` |
| date-range-picker | registry:ui | date-range-picker | `npx shadcn@latest add https://intentui.com/r/date-range-picker` |
| description-list | registry:ui | description-list | `npx shadcn@latest add https://intentui.com/r/description-list` |
| dialog | registry:ui | dialog | `npx shadcn@latest add https://intentui.com/r/dialog` |
| disclosure-group | registry:ui | disclosure-group | `npx shadcn@latest add https://intentui.com/r/disclosure-group` |
| drawer | registry:ui | drawer | `npx shadcn@latest add https://intentui.com/r/drawer` |
| drop-zone | registry:ui | drop-zone | `npx shadcn@latest add https://intentui.com/r/drop-zone` |
| dropdown | registry:ui | dropdown | `npx shadcn@latest add https://intentui.com/r/dropdown` |
| field | registry:ui | field | `npx shadcn@latest add https://intentui.com/r/field` |
| file-trigger | registry:ui | file-trigger | `npx shadcn@latest add https://intentui.com/r/file-trigger` |
| grid-list | registry:ui | grid-list | `npx shadcn@latest add https://intentui.com/r/grid-list` |
| heading | registry:ui | heading | `npx shadcn@latest add https://intentui.com/r/heading` |
| input-otp | registry:ui | input-otp | `npx shadcn@latest add https://intentui.com/r/input-otp` |
| input | registry:ui | input | `npx shadcn@latest add https://intentui.com/r/input` |
| keyboard | registry:ui | keyboard | `npx shadcn@latest add https://intentui.com/r/keyboard` |
| leaderboard | registry:ui | leaderboard | `npx shadcn@latest add https://intentui.com/r/leaderboard` |
| line-chart | registry:ui | line-chart | `npx shadcn@latest add https://intentui.com/r/line-chart` |
| link | registry:ui | link | `npx shadcn@latest add https://intentui.com/r/link` |
| list-box | registry:ui | list-box | `npx shadcn@latest add https://intentui.com/r/list-box` |
| loader | registry:ui | loader | `npx shadcn@latest add https://intentui.com/r/loader` |
| menu | registry:ui | menu | `npx shadcn@latest add https://intentui.com/r/menu` |
| meter | registry:ui | meter | `npx shadcn@latest add https://intentui.com/r/meter` |
| modal | registry:ui | modal | `npx shadcn@latest add https://intentui.com/r/modal` |
| multiple-select | registry:ui | multiple-select | `npx shadcn@latest add https://intentui.com/r/multiple-select` |
| native-select | registry:ui | native-select | `npx shadcn@latest add https://intentui.com/r/native-select` |
| navbar | registry:ui | navbar | `npx shadcn@latest add https://intentui.com/r/navbar` |
| note | registry:ui | note | `npx shadcn@latest add https://intentui.com/r/note` |
| number-field | registry:ui | number-field | `npx shadcn@latest add https://intentui.com/r/number-field` |
| pagination | registry:ui | pagination | `npx shadcn@latest add https://intentui.com/r/pagination` |
| pie-chart | registry:ui | pie-chart | `npx shadcn@latest add https://intentui.com/r/pie-chart` |
| popover | registry:ui | popover | `npx shadcn@latest add https://intentui.com/r/popover` |
| progress-bar | registry:ui | progress-bar | `npx shadcn@latest add https://intentui.com/r/progress-bar` |
| progress-circle | registry:ui | progress-circle | `npx shadcn@latest add https://intentui.com/r/progress-circle` |
| radio | registry:ui | radio | `npx shadcn@latest add https://intentui.com/r/radio` |
| range-calendar | registry:ui | range-calendar | `npx shadcn@latest add https://intentui.com/r/range-calendar` |
| scroll-area | registry:ui | scroll-area | `npx shadcn@latest add https://intentui.com/r/scroll-area` |
| search-field | registry:ui | search-field | `npx shadcn@latest add https://intentui.com/r/search-field` |
| select | registry:ui | select | `npx shadcn@latest add https://intentui.com/r/select` |
| separator | registry:ui | separator | `npx shadcn@latest add https://intentui.com/r/separator` |
| sheet | registry:ui | sheet | `npx shadcn@latest add https://intentui.com/r/sheet` |
| show-more | registry:ui | show-more | `npx shadcn@latest add https://intentui.com/r/show-more` |
| sidebar | registry:ui | sidebar | `npx shadcn@latest add https://intentui.com/r/sidebar` |
| skeleton | registry:ui | skeleton | `npx shadcn@latest add https://intentui.com/r/skeleton` |
| slider | registry:ui | slider | `npx shadcn@latest add https://intentui.com/r/slider` |
| snippet | registry:ui | snippet | `npx shadcn@latest add https://intentui.com/r/snippet` |
| switch | registry:ui | switch | `npx shadcn@latest add https://intentui.com/r/switch` |
| table | registry:ui | table | `npx shadcn@latest add https://intentui.com/r/table` |
| tabs | registry:ui | tabs | `npx shadcn@latest add https://intentui.com/r/tabs` |
| tag-field | registry:ui | tag-field | `npx shadcn@latest add https://intentui.com/r/tag-field` |
| tag-group | registry:ui | tag-group | `npx shadcn@latest add https://intentui.com/r/tag-group` |
| text-field | registry:ui | text-field | `npx shadcn@latest add https://intentui.com/r/text-field` |
| text | registry:ui | text | `npx shadcn@latest add https://intentui.com/r/text` |
| textarea | registry:ui | textarea | `npx shadcn@latest add https://intentui.com/r/textarea` |
| time-field | registry:ui | time-field | `npx shadcn@latest add https://intentui.com/r/time-field` |
| toast | registry:ui | toast | `npx shadcn@latest add https://intentui.com/r/toast` |
| toggle-group | registry:ui | toggle-group | `npx shadcn@latest add https://intentui.com/r/toggle-group` |
| toggle | registry:ui | toggle | `npx shadcn@latest add https://intentui.com/r/toggle` |
| toolbar | registry:ui | toolbar | `npx shadcn@latest add https://intentui.com/r/toolbar` |
| tooltip | registry:ui | tooltip | `npx shadcn@latest add https://intentui.com/r/tooltip` |
| tracker | registry:ui | tracker | `npx shadcn@latest add https://intentui.com/r/tracker` |
| tree | registry:ui | tree | `npx shadcn@latest add https://intentui.com/r/tree` |
| tracker-example | registry:page | tracker-example | `npx shadcn@latest add https://intentui.com/r/tracker-example` |
| tracker-without-tooltip-example | registry:page | tracker-without-tooltip-example | `npx shadcn@latest add https://intentui.com/r/tracker-without-tooltip-example` |
| pie-chart-custom-colors-example | registry:page | pie-chart-custom-colors-example | `npx shadcn@latest add https://intentui.com/r/pie-chart-custom-colors-example` |
| pie-chart-donut-custom-label-example | registry:page | pie-chart-donut-custom-label-example | `npx shadcn@latest add https://intentui.com/r/pie-chart-donut-custom-label-example` |
| pie-chart-donut-example | registry:page | pie-chart-donut-example | `npx shadcn@latest add https://intentui.com/r/pie-chart-donut-example` |
| pie-chart-example | registry:page | pie-chart-example | `npx shadcn@latest add https://intentui.com/r/pie-chart-example` |
| pie-chart-gap-example | registry:page | pie-chart-gap-example | `npx shadcn@latest add https://intentui.com/r/pie-chart-gap-example` |
| pie-chart-interactive-example | registry:page | pie-chart-interactive-example | `npx shadcn@latest add https://intentui.com/r/pie-chart-interactive-example` |
| line-chart-controlled-example | registry:page | line-chart-controlled-example | `npx shadcn@latest add https://intentui.com/r/line-chart-controlled-example` |
| line-chart-custom-colors-example | registry:page | line-chart-custom-colors-example | `npx shadcn@latest add https://intentui.com/r/line-chart-custom-colors-example` |
| line-chart-custom-format-example | registry:page | line-chart-custom-format-example | `npx shadcn@latest add https://intentui.com/r/line-chart-custom-format-example` |
| line-chart-custom-legend-example | registry:page | line-chart-custom-legend-example | `npx shadcn@latest add https://intentui.com/r/line-chart-custom-legend-example` |
| line-chart-custom-tooltip-example | registry:page | line-chart-custom-tooltip-example | `npx shadcn@latest add https://intentui.com/r/line-chart-custom-tooltip-example` |
| line-chart-example | registry:page | line-chart-example | `npx shadcn@latest add https://intentui.com/r/line-chart-example` |
| line-chart-monotone-example | registry:page | line-chart-monotone-example | `npx shadcn@latest add https://intentui.com/r/line-chart-monotone-example` |
| line-chart-stacked-example | registry:page | line-chart-stacked-example | `npx shadcn@latest add https://intentui.com/r/line-chart-stacked-example` |
| leaderboard-controlled-example | registry:page | leaderboard-controlled-example | `npx shadcn@latest add https://intentui.com/r/leaderboard-controlled-example` |
| leaderboard-currency-example | registry:page | leaderboard-currency-example | `npx shadcn@latest add https://intentui.com/r/leaderboard-currency-example` |
| leaderboard-example | registry:page | leaderboard-example | `npx shadcn@latest add https://intentui.com/r/leaderboard-example` |
| leaderboard-header-example | registry:page | leaderboard-header-example | `npx shadcn@latest add https://intentui.com/r/leaderboard-header-example` |
| leaderboard-icon-example | registry:page | leaderboard-icon-example | `npx shadcn@latest add https://intentui.com/r/leaderboard-icon-example` |
| leaderboard-percentage-example | registry:page | leaderboard-percentage-example | `npx shadcn@latest add https://intentui.com/r/leaderboard-percentage-example` |
| bar-list-controlled-example | registry:page | bar-list-controlled-example | `npx shadcn@latest add https://intentui.com/r/bar-list-controlled-example` |
| bar-list-example | registry:page | bar-list-example | `npx shadcn@latest add https://intentui.com/r/bar-list-example` |
| bar-chart-controlled-example | registry:page | bar-chart-controlled-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-controlled-example` |
| bar-chart-custom-colors-example | registry:page | bar-chart-custom-colors-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-custom-colors-example` |
| bar-chart-custom-format-example | registry:page | bar-chart-custom-format-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-custom-format-example` |
| bar-chart-custom-legend-example | registry:page | bar-chart-custom-legend-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-custom-legend-example` |
| bar-chart-custom-tooltip-example | registry:page | bar-chart-custom-tooltip-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-custom-tooltip-example` |
| bar-chart-example | registry:page | bar-chart-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-example` |
| bar-chart-monotone-example | registry:page | bar-chart-monotone-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-monotone-example` |
| bar-chart-stacked-example | registry:page | bar-chart-stacked-example | `npx shadcn@latest add https://intentui.com/r/bar-chart-stacked-example` |
| area-chart-controlled-example | registry:page | area-chart-controlled-example | `npx shadcn@latest add https://intentui.com/r/area-chart-controlled-example` |
| area-chart-custom-colors-example | registry:page | area-chart-custom-colors-example | `npx shadcn@latest add https://intentui.com/r/area-chart-custom-colors-example` |
| area-chart-custom-format-example | registry:page | area-chart-custom-format-example | `npx shadcn@latest add https://intentui.com/r/area-chart-custom-format-example` |
| area-chart-custom-legend-example | registry:page | area-chart-custom-legend-example | `npx shadcn@latest add https://intentui.com/r/area-chart-custom-legend-example` |
| area-chart-custom-tooltip-example | registry:page | area-chart-custom-tooltip-example | `npx shadcn@latest add https://intentui.com/r/area-chart-custom-tooltip-example` |
| area-chart-example | registry:page | area-chart-example | `npx shadcn@latest add https://intentui.com/r/area-chart-example` |
| area-chart-monotone-example | registry:page | area-chart-monotone-example | `npx shadcn@latest add https://intentui.com/r/area-chart-monotone-example` |
| area-chart-stacked-example | registry:page | area-chart-stacked-example | `npx shadcn@latest add https://intentui.com/r/area-chart-stacked-example` |
| text-basic-example | registry:page | text-basic-example | `npx shadcn@latest add https://intentui.com/r/text-basic-example` |
| text-link-example | registry:page | text-link-example | `npx shadcn@latest add https://intentui.com/r/text-link-example` |
| show-more-as-text-example | registry:page | show-more-as-text-example | `npx shadcn@latest add https://intentui.com/r/show-more-as-text-example` |
| show-more-controlled-example | registry:page | show-more-controlled-example | `npx shadcn@latest add https://intentui.com/r/show-more-controlled-example` |
| show-more-example | registry:page | show-more-example | `npx shadcn@latest add https://intentui.com/r/show-more-example` |
| show-more-orientation-example | registry:page | show-more-orientation-example | `npx shadcn@latest add https://intentui.com/r/show-more-orientation-example` |
| separator-example | registry:page | separator-example | `npx shadcn@latest add https://intentui.com/r/separator-example` |
| separator-orientation-example | registry:page | separator-orientation-example | `npx shadcn@latest add https://intentui.com/r/separator-orientation-example` |
| heading-example | registry:page | heading-example | `npx shadcn@latest add https://intentui.com/r/heading-example` |
| heading-level-example | registry:page | heading-level-example | `npx shadcn@latest add https://intentui.com/r/heading-level-example` |
| description-list-card-example | registry:page | description-list-card-example | `npx shadcn@latest add https://intentui.com/r/description-list-card-example` |
| description-list-example | registry:page | description-list-example | `npx shadcn@latest add https://intentui.com/r/description-list-example` |
| description-list-heading-example | registry:page | description-list-heading-example | `npx shadcn@latest add https://intentui.com/r/description-list-heading-example` |
| card-action-example | registry:page | card-action-example | `npx shadcn@latest add https://intentui.com/r/card-action-example` |
| card-example | registry:page | card-example | `npx shadcn@latest add https://intentui.com/r/card-example` |
| card-login-form-example | registry:page | card-login-form-example | `npx shadcn@latest add https://intentui.com/r/card-login-form-example` |
| card-table-example | registry:page | card-table-example | `npx shadcn@latest add https://intentui.com/r/card-table-example` |
| toast-action-example | registry:page | toast-action-example | `npx shadcn@latest add https://intentui.com/r/toast-action-example` |
| toast-description-example | registry:page | toast-description-example | `npx shadcn@latest add https://intentui.com/r/toast-description-example` |
| toast-example | registry:page | toast-example | `npx shadcn@latest add https://intentui.com/r/toast-example` |
| toast-positions-example | registry:page | toast-positions-example | `npx shadcn@latest add https://intentui.com/r/toast-positions-example` |
| toast-promise-example | registry:page | toast-promise-example | `npx shadcn@latest add https://intentui.com/r/toast-promise-example` |
| toast-status-example | registry:page | toast-status-example | `npx shadcn@latest add https://intentui.com/r/toast-status-example` |
| skeleton-dynamic-content-example | registry:page | skeleton-dynamic-content-example | `npx shadcn@latest add https://intentui.com/r/skeleton-dynamic-content-example` |
| skeleton-example | registry:page | skeleton-example | `npx shadcn@latest add https://intentui.com/r/skeleton-example` |
| progress-circle-color-example | registry:page | progress-circle-color-example | `npx shadcn@latest add https://intentui.com/r/progress-circle-color-example` |
| progress-circle-controlled-example | registry:page | progress-circle-controlled-example | `npx shadcn@latest add https://intentui.com/r/progress-circle-controlled-example` |
| progress-circle-custom-size-example | registry:page | progress-circle-custom-size-example | `npx shadcn@latest add https://intentui.com/r/progress-circle-custom-size-example` |
| progress-circle-example | registry:page | progress-circle-example | `npx shadcn@latest add https://intentui.com/r/progress-circle-example` |
| progress-circle-indeterminate-example | registry:page | progress-circle-indeterminate-example | `npx shadcn@latest add https://intentui.com/r/progress-circle-indeterminate-example` |
| indeterminate-progress-bar-example | registry:page | indeterminate-progress-bar-example | `npx shadcn@latest add https://intentui.com/r/indeterminate-progress-bar-example` |
| progress-bar-example | registry:page | progress-bar-example | `npx shadcn@latest add https://intentui.com/r/progress-bar-example` |
| note-example | registry:page | note-example | `npx shadcn@latest add https://intentui.com/r/note-example` |
| note-intent-example | registry:page | note-intent-example | `npx shadcn@latest add https://intentui.com/r/note-intent-example` |
| meter-currency-format-example | registry:page | meter-currency-format-example | `npx shadcn@latest add https://intentui.com/r/meter-currency-format-example` |
| meter-decimal-format-example | registry:page | meter-decimal-format-example | `npx shadcn@latest add https://intentui.com/r/meter-decimal-format-example` |
| meter-example | registry:page | meter-example | `npx shadcn@latest add https://intentui.com/r/meter-example` |
| loader-example | registry:page | loader-example | `npx shadcn@latest add https://intentui.com/r/loader-example` |
| loader-size-example | registry:page | loader-size-example | `npx shadcn@latest add https://intentui.com/r/loader-size-example` |
| loader-variant-example | registry:page | loader-variant-example | `npx shadcn@latest add https://intentui.com/r/loader-variant-example` |
| badge-example | registry:page | badge-example | `npx shadcn@latest add https://intentui.com/r/badge-example` |
| badge-intent-example | registry:page | badge-intent-example | `npx shadcn@latest add https://intentui.com/r/badge-intent-example` |
| badge-shape-example | registry:page | badge-shape-example | `npx shadcn@latest add https://intentui.com/r/badge-shape-example` |
| select-controlled-example | registry:page | select-controlled-example | `npx shadcn@latest add https://intentui.com/r/select-controlled-example` |
| select-details-description-example | registry:page | select-details-description-example | `npx shadcn@latest add https://intentui.com/r/select-details-description-example` |
| select-disabled-example | registry:page | select-disabled-example | `npx shadcn@latest add https://intentui.com/r/select-disabled-example` |
| select-example | registry:page | select-example | `npx shadcn@latest add https://intentui.com/r/select-example` |
| select-multiple-example | registry:page | select-multiple-example | `npx shadcn@latest add https://intentui.com/r/select-multiple-example` |
| select-searchable-example | registry:page | select-searchable-example | `npx shadcn@latest add https://intentui.com/r/select-searchable-example` |
| select-section-example | registry:page | select-section-example | `npx shadcn@latest add https://intentui.com/r/select-section-example` |
| select-uncontrolled-example | registry:page | select-uncontrolled-example | `npx shadcn@latest add https://intentui.com/r/select-uncontrolled-example` |
| select-validation-example | registry:page | select-validation-example | `npx shadcn@latest add https://intentui.com/r/select-validation-example` |
| select-with-avatar-example | registry:page | select-with-avatar-example | `npx shadcn@latest add https://intentui.com/r/select-with-avatar-example` |
| select-with-icon-example | registry:page | select-with-icon-example | `npx shadcn@latest add https://intentui.com/r/select-with-icon-example` |
| native-select-controlled-example | registry:page | native-select-controlled-example | `npx shadcn@latest add https://intentui.com/r/native-select-controlled-example` |
| native-select-description-example | registry:page | native-select-description-example | `npx shadcn@latest add https://intentui.com/r/native-select-description-example` |
| native-select-disabled-example | registry:page | native-select-disabled-example | `npx shadcn@latest add https://intentui.com/r/native-select-disabled-example` |
| native-select-example | registry:page | native-select-example | `npx shadcn@latest add https://intentui.com/r/native-select-example` |
| native-select-invalid-example | registry:page | native-select-invalid-example | `npx shadcn@latest add https://intentui.com/r/native-select-invalid-example` |
| native-select-label-example | registry:page | native-select-label-example | `npx shadcn@latest add https://intentui.com/r/native-select-label-example` |
| native-select-uncontrolled-example | registry:page | native-select-uncontrolled-example | `npx shadcn@latest add https://intentui.com/r/native-select-uncontrolled-example` |
| multiple-select-controlled-example | registry:page | multiple-select-controlled-example | `npx shadcn@latest add https://intentui.com/r/multiple-select-controlled-example` |
| multiple-select-disabled-example | registry:page | multiple-select-disabled-example | `npx shadcn@latest add https://intentui.com/r/multiple-select-disabled-example` |
| multiple-select-example | registry:page | multiple-select-example | `npx shadcn@latest add https://intentui.com/r/multiple-select-example` |
| multiple-select-invalid-example | registry:page | multiple-select-invalid-example | `npx shadcn@latest add https://intentui.com/r/multiple-select-invalid-example` |
| combo-box-avatar-example | registry:page | combo-box-avatar-example | `npx shadcn@latest add https://intentui.com/r/combo-box-avatar-example` |
| combo-box-controlled-example | registry:page | combo-box-controlled-example | `npx shadcn@latest add https://intentui.com/r/combo-box-controlled-example` |
| combo-box-controlled-selection-example | registry:page | combo-box-controlled-selection-example | `npx shadcn@latest add https://intentui.com/r/combo-box-controlled-selection-example` |
| combo-box-custom-value-example | registry:page | combo-box-custom-value-example | `npx shadcn@latest add https://intentui.com/r/combo-box-custom-value-example` |
| combo-box-detail-description-example | registry:page | combo-box-detail-description-example | `npx shadcn@latest add https://intentui.com/r/combo-box-detail-description-example` |
| combo-box-disabled-example | registry:page | combo-box-disabled-example | `npx shadcn@latest add https://intentui.com/r/combo-box-disabled-example` |
| combo-box-example | registry:page | combo-box-example | `npx shadcn@latest add https://intentui.com/r/combo-box-example` |
| combo-box-invalid-example | registry:page | combo-box-invalid-example | `npx shadcn@latest add https://intentui.com/r/combo-box-invalid-example` |
| combo-box-multi-select-example | registry:page | combo-box-multi-select-example | `npx shadcn@latest add https://intentui.com/r/combo-box-multi-select-example` |
| combo-box-readonly-example | registry:page | combo-box-readonly-example | `npx shadcn@latest add https://intentui.com/r/combo-box-readonly-example` |
| combo-box-section-example | registry:page | combo-box-section-example | `npx shadcn@latest add https://intentui.com/r/combo-box-section-example` |
| combo-box-validation-example | registry:page | combo-box-validation-example | `npx shadcn@latest add https://intentui.com/r/combo-box-validation-example` |
| tooltip-delay-example | registry:page | tooltip-delay-example | `npx shadcn@latest add https://intentui.com/r/tooltip-delay-example` |
| tooltip-example | registry:page | tooltip-example | `npx shadcn@latest add https://intentui.com/r/tooltip-example` |
| tooltip-intent-example | registry:page | tooltip-intent-example | `npx shadcn@latest add https://intentui.com/r/tooltip-intent-example` |
| tooltip-placement-example | registry:page | tooltip-placement-example | `npx shadcn@latest add https://intentui.com/r/tooltip-placement-example` |
| tooltip-without-arrow-example | registry:page | tooltip-without-arrow-example | `npx shadcn@latest add https://intentui.com/r/tooltip-without-arrow-example` |
| sheet-controlled-example | registry:page | sheet-controlled-example | `npx shadcn@latest add https://intentui.com/r/sheet-controlled-example` |
| sheet-custom-close-example | registry:page | sheet-custom-close-example | `npx shadcn@latest add https://intentui.com/r/sheet-custom-close-example` |
| sheet-example | registry:page | sheet-example | `npx shadcn@latest add https://intentui.com/r/sheet-example` |
| sheet-float-example | registry:page | sheet-float-example | `npx shadcn@latest add https://intentui.com/r/sheet-float-example` |
| sheet-menu-example | registry:page | sheet-menu-example | `npx shadcn@latest add https://intentui.com/r/sheet-menu-example` |
| sheet-position-example | registry:page | sheet-position-example | `npx shadcn@latest add https://intentui.com/r/sheet-position-example` |
| sheet-sticky-example | registry:page | sheet-sticky-example | `npx shadcn@latest add https://intentui.com/r/sheet-sticky-example` |
| popover-arrow-example | registry:page | popover-arrow-example | `npx shadcn@latest add https://intentui.com/r/popover-arrow-example` |
| popover-controlled-example | registry:page | popover-controlled-example | `npx shadcn@latest add https://intentui.com/r/popover-controlled-example` |
| popover-custom-close | registry:page | popover-custom-close | `npx shadcn@latest add https://intentui.com/r/popover-custom-close` |
| popover-example | registry:page | popover-example | `npx shadcn@latest add https://intentui.com/r/popover-example` |
| popover-placement-example | registry:page | popover-placement-example | `npx shadcn@latest add https://intentui.com/r/popover-placement-example` |
| popover-trigger-example | registry:page | popover-trigger-example | `npx shadcn@latest add https://intentui.com/r/popover-trigger-example` |
| alert-dialog-example | registry:page | alert-dialog-example | `npx shadcn@latest add https://intentui.com/r/alert-dialog-example` |
| modal-controlled-example | registry:page | modal-controlled-example | `npx shadcn@latest add https://intentui.com/r/modal-controlled-example` |
| modal-example | registry:page | modal-example | `npx shadcn@latest add https://intentui.com/r/modal-example` |
| modal-nested-example | registry:page | modal-nested-example | `npx shadcn@latest add https://intentui.com/r/modal-nested-example` |
| modal-size-example | registry:page | modal-size-example | `npx shadcn@latest add https://intentui.com/r/modal-size-example` |
| modal-sticky-example | registry:page | modal-sticky-example | `npx shadcn@latest add https://intentui.com/r/modal-sticky-example` |
| modal-triggered-by-menu-example | registry:page | modal-triggered-by-menu-example | `npx shadcn@latest add https://intentui.com/r/modal-triggered-by-menu-example` |
| drawer-basic-example | registry:page | drawer-basic-example | `npx shadcn@latest add https://intentui.com/r/drawer-basic-example` |
| drawer-controlled-example | registry:page | drawer-controlled-example | `npx shadcn@latest add https://intentui.com/r/drawer-controlled-example` |
| drawer-float-example | registry:page | drawer-float-example | `npx shadcn@latest add https://intentui.com/r/drawer-float-example` |
| drawer-nested-example | registry:page | drawer-nested-example | `npx shadcn@latest add https://intentui.com/r/drawer-nested-example` |
| drawer-side-example | registry:page | drawer-side-example | `npx shadcn@latest add https://intentui.com/r/drawer-side-example` |
| drawer-sticky-example | registry:page | drawer-sticky-example | `npx shadcn@latest add https://intentui.com/r/drawer-sticky-example` |
| drawer-without-notch-example | registry:page | drawer-without-notch-example | `npx shadcn@latest add https://intentui.com/r/drawer-without-notch-example` |
| option-preview | registry:page | option-preview | `npx shadcn@latest add https://intentui.com/r/option-preview` |

## For AI agents

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