Getting Started
Foundations
Components
Search for a command to run...
A comprehensive design system providing consistent, accessible, and scalable UI components for building exceptional user experiences.
The Strong-Tie Design System is a collection of reusable components, design tokens, and guidelines built by the Simpson Strong-Tie UX Team to help you create consistent, professional user interfaces across all digital products.
This design system provides everything you need to build modern web applications:
The Strong-Tie Design System is built on three core principles that guide every design decision:
Ensures users immediately understand information, actions, and flows through purposeful visual hierarchy and accessible design. Every component is crafted to communicate its purpose without ambiguity.
Builds confidence through accurate, consistent, and deliberate design decisions that eliminate guesswork. Users can rely on predictable patterns and behaviors throughout their experience.
Respects users' time and mental workload by streamlining tasks and delivering information in the fewest necessary steps. Components are optimized for common workflows and eliminate unnecessary friction.
Consistency breeds familiarity, and familiarity breeds trust. When users encounter consistent patterns across your application, they spend less time learning and more time accomplishing their goals.
A well-implemented design system:
Good design isn't just about aesthetics—it's about creating experiences that work for everyone. That's why accessibility, usability, and performance are built into every component from the ground up.
Ready to build something great? Start by installing the component library:
Then explore the components, copy examples, and adapt them to your needs. Each component is designed to be flexible while maintaining consistency with the overall system.
This library is inspired by the excellent work of the open-source community, including shadcn/ui and Radix UI.