Cronwerk UI
The Cronwerk design language, documented. Every page is built from the same components it describes — hairline frames, pill buttons, dot-grid decor, and the signature orange accent — in both light and dark themes.
Getting started
New here? Start with the Quickstart, then read Thinking in Cronwerk to learn the design language.
Quickstart
Zero to a themed button in five minutes, with a path per consumer type.
Thinking in Cronwerk
The design language behind the components — the seven ideas that make the APIs obvious.
Adoption
Roll the language into an existing product incrementally, without a rewrite.
Tokens
Color, spacing, radius, type, and motion — generated from @cronwerk/tokens.
Components
Component pages follow one canonical template: overview, live examples, a props table generated from the TypeScript types, usage do/don't, and an accessibility section. Start with the Button page, or browse the source on GitHub.
Static-first by design
This site builds to plain HTML/CSS with zero required runtime JS and deploys to Cloudflare Pages — sub-second LCP, no analytics, no telemetry.