Getting Started
Foundations
Components
Search for a command to run...
Download design system assets or link directly to our CDN for quick integration into your projects.
Use our CDN to quickly integrate the design system styles into your project without downloading files.
All CDN files are automatically updated with each release. For production use,
consider replacing latest with a specific version number.
<!-- Or use modular Design System styles -->
<link rel="stylesheet" href="https://cdn.strongtie.io/styles/latest/all.css" />
<!-- Individual style modules -->
<link
rel="stylesheet"
href="https://cdn.strongtie.io/styles/latest/tokens.css"
/>
<link
rel="stylesheet"
href="https://cdn.strongtie.io/styles/latest/reset.css"
/>
<link
rel="stylesheet"
href="https://cdn.strongtie.io/styles/latest/fonts.css"
/>
<link
rel="stylesheet"
href="https://cdn.strongtie.io/styles/latest/components.css"
/>Looking for an older version? Replace latest with a specific version number, such as v1.2.3.
<link
rel="stylesheet"
href="https://cdn.strongtie.io/ui-kit/latest/ui-kit.css"
/>Looking for Telerik UI Kit 2? Replace latest with 2.2.2
Install the design system via npm for more control and better build optimization:
The latest stable version of the Strong-Tie Design System UI Kit.
Add the following to your HTML <head>:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My App</title>
<!-- Strong-Tie Design System -->
<link rel="stylesheet" href="https://cdn.strongtie.io/styles/all.css" />
</head>
<body>
<!-- Your content here -->
</body>
</html>Install the package and import in your JavaScript/TypeScript:
// Import all styles
import "@strongtie/design-system/styles"Or, if you're just using styles
import "@strongtie/styles/all.css"<link rel="stylesheet" href="/assets/css/ui-kit.css" />Need help integrating the design system? Check out our Installation Guide, Migration Guide, or CDN Migration Guide for detailed instructions.