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.
Install the complete Strongtie React component catalog without Azure Artifacts authentication.
The public Strongtie registry is the supported component delivery path for cloud workspaces, sandboxes, external projects, and any other environment without Simpson Azure Artifacts credentials. It installs Strongtie-maintained source into your application while preserving the same tokens, variants, and accessibility behavior as the package.
Can your project authenticate to the Simpson feed? Prefer the versioned
@strongtie/design-system package for
centralized updates and the smallest maintenance surface.
The shadcn CLI is used only as a registry transport. The requested component and every Strongtie-owned primitive dependency resolve through the public @strongtie namespace; installing a Strongtie component does not fall back to stock ui.shadcn.com/r component implementations.
Registry source is generated directly from the package's 58 UI primitives. That keeps public component installs aligned with the maintained package instead of relying on a separate hand-written catalog.
If the project does not already have a components.json, initialize it:
Choose the aliases and Tailwind entry file used by your application. The Strongtie registry does not require Azure Artifacts credentials.
Add the public registry mapping to components.json:
{
"registries": {
"@strongtie": "https://design.strongtie.io/r/{name}.json"
}
}Keep the rest of your existing components.json fields unchanged.
Strongtie-owned dependencies are installed automatically. For example, @strongtie/combobox resolves @strongtie/popover, @strongtie/command, and @strongtie/button from the same registry.
import { Button } from "@/components/ui/button"
import {
ComboBox,
ComboBoxContent,
ComboBoxItem,
ComboBoxTrigger,
} from "@/components/ui/combobox"Every package primitive is available under the same kebab-case registry name. date-picker is an additional wrapper-sourced composite.
| Component | Registry name |
|---|---|
| Accordion | @strongtie/accordion |
| Alert Dialog | @strongtie/alert-dialog |
| Alert | @strongtie/alert |
| Aspect Ratio | @strongtie/aspect-ratio |
| Avatar | @strongtie/avatar |
| Badge | @strongtie/badge |
| Breadcrumb | @strongtie/breadcrumb |
| Button Group | @strongtie/button-group |
| Button | @strongtie/button |
| Calendar | @strongtie/calendar |
| Card | @strongtie/card |
| Carousel | @strongtie/carousel |
| Chart | @strongtie/chart |
| Checkbox | @strongtie/checkbox |
| Collapsible | @strongtie/collapsible |
| Combobox | @strongtie/combobox |
| Command | @strongtie/command |
| Context Menu | @strongtie/context-menu |
| Date Picker | @strongtie/date-picker |
| Dialog | @strongtie/dialog |
| Drawer | @strongtie/drawer |
| Dropdown Menu | @strongtie/dropdown-menu |
| Empty | @strongtie/empty |
| Field | @strongtie/field |
| Form | @strongtie/form |
| Hover Card | @strongtie/hover-card |
| Input Group | @strongtie/input-group |
| Input OTP | @strongtie/input-otp |
| Input | @strongtie/input |
| Item | @strongtie/item |
| Kbd | @strongtie/kbd |
| Label | @strongtie/label |
| Menubar | @strongtie/menubar |
| Multi Select | @strongtie/multi-select |
| Navigation Menu | @strongtie/navigation-menu |
| Pagination | @strongtie/pagination |
| Popover | @strongtie/popover |
| Progress | @strongtie/progress |
| Radio Group | @strongtie/radio-group |
| Resizable | @strongtie/resizable |
| Scroll Area | @strongtie/scroll-area |
| Select | @strongtie/select |
| Separator | @strongtie/separator |
| Sheet | @strongtie/sheet |
| Sidebar | @strongtie/sidebar |
| Skeleton | @strongtie/skeleton |
| Slider | @strongtie/slider |
| Sonner | @strongtie/sonner |
| Spinner | @strongtie/spinner |
| Switch | @strongtie/switch |
| Tab Nav (deprecated) | @strongtie/tab-nav |
| Table | @strongtie/table |
| Tabs | @strongtie/tabs |
| Textarea | @strongtie/textarea |
| Toaster | @strongtie/toaster |
| Toggle Group | @strongtie/toggle-group |
| Toggle | @strongtie/toggle |
| Tooltip | @strongtie/tooltip |
| Tree | @strongtie/tree |
Install several components in one command:
Registry installs copy source into your repository. Review local changes before reinstalling a component, especially if your application has edited the generated file.
git diff -- components/ui/button.tsx
npx shadcn add @strongtie/button --overwrite
git diff -- components/ui/button.tsxConfirm the namespace value is exactly:
https://design.strongtie.io/r/{name}.jsonThen verify the public item directly, for example button.json.
Reinstall the top-level component. Strongtie primitive dependencies are declared as @strongtie/* registry dependencies and should be resolved in the same run.
Review the aliases section in components.json. The installer rewrites registry imports using those project-specific aliases.
The registry source builds on open-source work from shadcn/ui, Radix UI, and Tailwind CSS.