Design Systemv1.3.0Search documentation
Search for a command to run or a page to navigate to.
Design Systemv1.3.0Search for a command to run or a page to navigate to.
The public Strongtie registry distributes component source through the shadcn CLI. Point the CLI at design.strongtie.io/r/ (see Registry setup) and install any item below with a single command. Each install pulls the component and its registry dependencies into your project.
Every command uses the @strongtie/ namespace so the shadcn CLI resolves
against design.strongtie.io, not ui.shadcn.com. Source is published and
maintained by Strongtie.
| Item | Type | Deps | Add |
|---|---|---|---|
| accordion | registry:ui | utils | npx shadcn add @strongtie/accordion |
| alert | registry:ui | utils | npx shadcn add @strongtie/alert |
| alert-dialog | registry:ui | @strongtie/buttonutils | npx shadcn add @strongtie/alert-dialog |
| aspect-ratio | registry:ui | — | npx shadcn add @strongtie/aspect-ratio |
| avatar | registry:ui | utils | npx shadcn add @strongtie/avatar |
| badge | registry:ui | utils | npx shadcn add @strongtie/badge |
| breadcrumb | registry:ui | utils | npx shadcn add @strongtie/breadcrumb |
| button | registry:ui | utils | npx shadcn add @strongtie/button |
| button-group | registry:ui | @strongtie/separatorutils | npx shadcn add @strongtie/button-group |
| calendar | registry:ui | @strongtie/buttonutils | npx shadcn add @strongtie/calendar |
| card | registry:ui | utils | npx shadcn add @strongtie/card |
| carousel | registry:ui | @strongtie/buttonutils | npx shadcn add @strongtie/carousel |
| chart | registry:ui | utils | npx shadcn add @strongtie/chart |
| checkbox | registry:ui | utils | npx shadcn add @strongtie/checkbox |
| collapsible | registry:ui | — | npx shadcn add @strongtie/collapsible |
| combobox | registry:ui | @strongtie/popover@strongtie/command@strongtie/buttonutils | npx shadcn add @strongtie/combobox |
| command | registry:ui | @strongtie/dialogutils | npx shadcn add @strongtie/command |
| context-menu | registry:ui | utils | npx shadcn add @strongtie/context-menu |
| date-picker | registry:ui | @strongtie/popover@strongtie/button@strongtie/input@strongtie/calendarutils | npx shadcn add @strongtie/date-picker |
| dialog | registry:ui | utils | npx shadcn add @strongtie/dialog |
| drawer | registry:ui | utils | npx shadcn add @strongtie/drawer |
| dropdown-menu | registry:ui | utils | npx shadcn add @strongtie/dropdown-menu |
| empty | registry:ui | utils | npx shadcn add @strongtie/empty |
| field | registry:ui | @strongtie/label@strongtie/separatorutils | npx shadcn add @strongtie/field |
| form | registry:ui | @strongtie/labelutils | npx shadcn add @strongtie/form |
| hover-card | registry:ui | utils | npx shadcn add @strongtie/hover-card |
| input | registry:ui | utils | npx shadcn add @strongtie/input |
| input-group | registry:ui | @strongtie/button@strongtie/input@strongtie/textareautils | npx shadcn add @strongtie/input-group |
| input-otp | registry:ui | utils | npx shadcn add @strongtie/input-otp |
| item | registry:ui | @strongtie/separatorutils | npx shadcn add @strongtie/item |
| kbd | registry:ui | utils | npx shadcn add @strongtie/kbd |
| label | registry:ui | utils | npx shadcn add @strongtie/label |
| menubar | registry:ui | utils | npx shadcn add @strongtie/menubar |
| multi-select | registry:ui | @strongtie/button@strongtie/badge@strongtie/popover@strongtie/checkboxutils | npx shadcn add @strongtie/multi-select |
| navigation-menu | registry:ui | utils | npx shadcn add @strongtie/navigation-menu |
| pagination | registry:ui | @strongtie/buttonutils | npx shadcn add @strongtie/pagination |
| popover | registry:ui | utils | npx shadcn add @strongtie/popover |
| progress | registry:ui | utils | npx shadcn add @strongtie/progress |
| radio-group | registry:ui | utils | npx shadcn add @strongtie/radio-group |
| resizable | registry:ui | utils | npx shadcn add @strongtie/resizable |
| scroll-area | registry:ui | utils | npx shadcn add @strongtie/scroll-area |
| select | registry:ui | utils | npx shadcn add @strongtie/select |
| separator | registry:ui | utils | npx shadcn add @strongtie/separator |
| sheet | registry:ui | utils | npx shadcn add @strongtie/sheet |
| sidebar | registry:ui | @strongtie/button@strongtie/input@strongtie/separator@strongtie/sheet@strongtie/skeleton@strongtie/tooltiputils | npx shadcn add @strongtie/sidebar |
| skeleton | registry:ui | utils | npx shadcn add @strongtie/skeleton |
| slider | registry:ui | utils | npx shadcn add @strongtie/slider |
| sonner | registry:ui | — | npx shadcn add @strongtie/sonner |
| spinner | registry:ui | utils | npx shadcn add @strongtie/spinner |
| switch | registry:ui | utils | npx shadcn add @strongtie/switch |
| tab-nav | registry:ui | utils | npx shadcn add @strongtie/tab-nav |
| table | registry:ui | utils | npx shadcn add @strongtie/table |
| tabs | registry:ui | utils | npx shadcn add @strongtie/tabs |
| textarea | registry:ui | utils | npx shadcn add @strongtie/textarea |
| toaster | registry:ui | — | npx shadcn add @strongtie/toaster |
| toggle | registry:ui | utils | npx shadcn add @strongtie/toggle |
| toggle-group | registry:ui | @strongtie/toggleutils | npx shadcn add @strongtie/toggle-group |
| tooltip | registry:ui | utils | npx shadcn add @strongtie/tooltip |
| tree | registry:ui | @strongtie/button@strongtie/collapsibleutils | npx shadcn add @strongtie/tree |