Start
Foundations
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 @strongtie/design-system package in authenticated projects or use the public Strongtie registry when Azure Artifacts credentials are unavailable.
Strongtie provides the same accessible, on-brand React components through two supported delivery paths. Use the versioned package when your environment can authenticate to Simpson's Azure Artifacts feed. Use the public registry for cloud workspaces, sandboxes, external contributors, and other environments without feed credentials.
Authenticated projects. Install pre-built, versioned React components and receive fixes through normal dependency updates.
No feed authentication. Copy Strongtie-maintained components and their registry dependencies into your project.
Non-React projects. Install Strongtie tokens and CSS variables without the React component package.
import { Button } from "@strongtie/design-system/button"
export default function Home() {
return <Button>Get Started</Button>
}Configure Azure Artifacts authentication →
import { Button } from "@/components/ui/button"
export default function Home() {
return <Button>Get Started</Button>
}Configure the public registry →
The registry command uses the shadcn CLI as an installer. Components are
published and maintained by Strongtie under the @strongtie namespace.
import { Button } from "@strongtie/design-system/button"
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@strongtie/design-system/card"
export default function Home() {
return (
<div className="container mx-auto p-8">
<Card>
<CardHeader>
<CardTitle>Welcome to Strongtie Design System</CardTitle>
<CardDescription>
Build accessible, consistent interfaces from maintained primitives.
</CardDescription>
</CardHeader>
<CardContent>
<Button>Get Started</Button>
</CardContent>
</Card>
</div>
)
}This library builds on open-source work from shadcn/ui, Radix UI, and Tailwind CSS.