Miltinson Design System
Practical components, honestly built.
Design tokens, React components, AI patterns, and a vendored AI Elements tier, published as versioned packages. The props tables, token values, component indexes, and search index on this site are generated from the packages themselves, so what you read here is what you install.
- components
- 50
- interaction hooks
- 7
- design tokens
- 196
- published packages
- 6
How it is built
One loud color
Black type, white surfaces, hairline borders. Miltinson Amber marks the one action on a screen worth taking; two amber things means one of them is wrong.
Borders, not shadows
4–6px radii, a 1px hairline where most systems reach for a drop shadow, and 140ms on a hover.
Accessibility in the tokens
WCAG AA pairings, 16px minimum body text and scoped touch targets are the bar every component ships against. tokens.css applies the focus ring and honors reduced motion globally, so a component cannot quietly drop either.
Built for agents
One generated manifest feeds the props tables, the search index, and the machine-readable endpoints. Every import path it publishes is asserted against real source files at test time.
Sections
Foundations
Color, type, spacing, radii, motion — rendered live from the tokens package.
Components
All 50 components with live demos, generated props tables, and keyboard contracts.
Patterns
Header, hero, forms, data display — recipes composed from primitives.
Guidelines
Voice, the accessibility standard, tier boundaries, and how to contribute.
AI Elements
The assistant tier — conversation logs, prompt inputs, tool panels — vendored from Vercel at a pinned release and skinned with the tokens.
Build with AI
llms.txt, per-component JSON, and prompt templates that ship with the packages.
Installation
GitHub Packages auth, two imports, and the starter generator.
For agents
Fetch /llms.txt for the index, /llms-full.txt for the whole corpus, or /r/<component>.json for one component's machine-readable record. Import paths in those files are real — they resolve against the published packages.