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.
Understanding which design system to use for your project. The Strong-Tie Design System is the official corporate standard for new web applications.
Three other design systems are in use at Simpson Strong-Tie — Blueprint, AtomicUI, and Telerik/Kendo UI. Each is kept alive for legacy or product-specific reasons only, and none of them should be picked up for new work.
| Design system | Status | Delivery | Use for |
|---|---|---|---|
| Strong-Tie Design System | Official standard | @strongtie/design-system package (React) | All new applications |
| Blueprint | Legacy | React, Material UI | Existing Blueprint apps only |
| AtomicUI | Not recommended | React, BaseUI | Existing integrations only |
| Telerik/Kendo UI | Legacy | Various | Existing integrations only |
The Strong-Tie Design System is the corporate-approved design system for building web applications at Simpson Strong-Tie. The official delivery is the @strongtie/design-system package — pre-built, versioned React components you install as a single dependency. It provides:
@strongtie/design-system package and upgrade with a single dependency bumpVisit the package installation guide when your project can authenticate to Azure Artifacts. Use the public Strongtie registry in cloud, sandbox, or external environments without feed credentials.
The following design systems exist at Simpson Strong-Tie but are not recommended for new projects.
Status: Legacy — existing applications only
Blueprint is the Engineering Technology team's UI framework used by several established applications including PBS, HS, AGPD, RWS, PFD, ACE, ADM, and FD.
Status: Not recommended for new projects
AtomicUI is a design system used by a small number of existing projects.
Status: Legacy — existing integrations only
Telerik (also known as Kendo UI) is a commercial component library that has been used in some legacy applications.
Simpson Strong-Tie's Platform initiative has established clear goals that support a unified design system approach:
"Deliver a consistent and seamless user experience across all products" — Platform Business Outcomes 2025
A unified design system ensures users have the same experience whether they're using one application or many, leading to higher satisfaction and reduced support costs.
The Platform has set a key outcome to "improve usability by standardizing design and interface elements." The Strong-Tie Design System directly enables this by providing:
Simpson Strong-Tie's Platform is building a micro-frontend architecture with a shell container. This architecture requires:
The Strong-Tie Design System is purpose-built to support this architecture.
No. Blueprint is maintained for existing applications only. New applications should use the Strong-Tie Design System, which offers modern tooling, better accessibility, and alignment with Platform goals.
If you're maintaining an existing AtomicUI project, you may continue using it. However, we encourage evaluating the Strong-Tie Design System for future projects to align with corporate standards and benefit from broader support.
For existing functionality, you can continue using Telerik components. However, we recommend:
The @strongtie/design-system package ships 58 maintained primitives. If a requirement is not covered:
Reach out to the UI/UX team or post in the Strong-Tie Design Systems Teams channel. We're happy to help you evaluate your needs and find the best path forward.