Strand Design Language
Install
npm install @dillingerstaffing/strand @dillingerstaffing/strand-ui
Features
Components
31
Input, display, layout, navigation, and feedback. Every interaction state. Keyboard accessible.
Runtime CSS
0
All tokens are CSS custom properties. No ThemeProvider. No CSS-in-JS. No runtime style computation.
Accessibility
AA
WCAG 2.2 AA. Every color pairing passes contrast. WAI-ARIA compliant. Reduced motion supported.
Bundle
<50KB
Total library gzipped. Static CSS. Tree-shakeable exports. Framework-agnostic tokens.
Three Ways
Use what you need
Full Library
Import components directly. Preact/React.
import { Button } from '@dillingerstaffing/strand-ui'
Tokens Only
Design tokens for any framework. CSS custom properties.
var(--strand-blue-primary)
Copy-Paste
Own the source. No dependency lock-in.
npx strand add button
The Right Person. The Right Role.
Matches that last, by understanding what actually matters about a role, a team, and a person.