Getting Started
Components
Search for a command to run...
The Strongtie registry provides additional components beyond the standard shadcn/ui library, including specialized components like combobox, multi-select, date-picker, and tree views. These components follow the same principles as shadcn/ui - they're copied into your project for full customization.
Registry URL: All Strongtie components are hosted at
https://design.strongtie.io/r/{component}
Before using the Strongtie registry, you should already have shadcn/ui set up in your project. If you haven't done this yet, follow our ShadCN with Tailwind guide first.
Add components from the Strongtie registry by URL:
Or configure the registry in your components.json (recommended - see below) and use the namespace:
This will:
components/ui/ directoryThe Strongtie registry currently includes these extended components:
You can add multiple components at once using the namespace syntax:
Once added, registry components work exactly like standard shadcn components. The code lives in your project and can be customized:
// Modify styling, behavior, or structure as needed - you own this code
export function ComboBox({ className, ...props }: ComboBoxProps) {
return <Command className={cn("your-custom-classes", className)} {...props} />
}Registry components depend on standard shadcn/ui components and some external packages. The CLI automatically installs these dependencies when you add a component:
cmdk, lucide-react, popover, command, buttonlucide-react, button, badge, popover, checkboxlucide-react, popover, button, input, calendarlucide-react, button, collapsibleTo update a component from the registry, run the add command again with the --overwrite flag or select 'y' when asked:
Warning: The --overwrite flag will replace your local version. Any
customizations will be lost. Consider using version control to track changes.
To avoid typing --registry every time, you can configure it in your components.json:
{
"$schema": "https://ui.shadcn.com/schema.json",
"style": "vega",
"registries": {
"@strongtie": "https://design.strongtie.io/r/{name}"
}
// ... other config
}Then add components with:
Ensure you're using the latest version of the shadcn CLI:
If a component isn't working after installation, try adding it again:
Restart your TypeScript server after adding new components:
Cmd/Ctrl + Shift + P > "TypeScript: Restart TS Server"