CSS-in-TypeScript that
embraces CSS
Design tokens, style variants, and keyframes — with full control over the CSS. No runtime overhead, no magic, just types.
theme.ts
const button = styles.component('button', {
base: { border: '3px solid #000' },
variants: {
intent: {
primary: { background: token.accent },
ghost: { background: 'transparent' },
},
},
});