Getting Started
Components
Search for a command to run...
TL;DR: The Strong-Tie Design System is the official corporate standard for all new web applications at Simpson Strong-Tie. Other design systems exist for legacy or product-specific purposes and should not be used for new projects.
| Design System | Status | Technology | Use For |
|---|---|---|---|
| Strong-Tie Design System | Official Standard | React, shadcn/ui, Tailwind CSS | 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. It provides:
Visit our Setup Guide to start using the Strong-Tie Design System in your project.
The following design systems exist at Simpson Strong-Tie but are not recommended for new projects.
Status: Legacy - for 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 - for 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 Strong-Tie Design System is built on shadcn/ui, which is open-source and has a large ecosystem of components and patterns. If you need something that isn't in our design system:
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.