Skip to content

Tenet UI

Semantic design tokens, accessible React components and an icon set, shipped as one npm package with one stylesheet. Every page of this site is generated from the tenet-ui repository at build time.

Components

41 components, each documented from its TypeScript types, its usage guidelines and its Storybook stories, rendered live. Browse components

Tokens

104 design tokens as CSS variables with light and dark values. Components only ever reference the semantic layer. See the tokens

Foundations

Color, typography, layout, forms, feedback, data display, iconography, accessibility and content guidance. Read the foundations

tenet-ui@0.4.0