Tools
Hands-on utilities that live alongside the Koder Design spec. All client-side, no backend, no telemetry — bookmarkable URLs carry your inputs.
Theme builder Pick a seed colour and preview the full palette across surfaces, accents and text. Copy CSS variables. DS Studio Author a whole design system with no code — fork or seed, derive every token family, validate contrast, and export a manifest + tokens. Design kit Download the Koder Design tokens for your design tool — W3C DTCG (Penpot / Figma), Style Dictionary, CSS, Rust and more. Contrast checker WCAG 2.2 contrast ratio between any two colours, with AA/AAA pass/fail for normal, large and non-text content. Release blog Release log of the Koder Design system, sourced from `releases.toml` — what shipped, when, and why. Material 3 → Verge Token + component mapping from Material 3 to Koder Design — the migration guide for teams porting an existing app. Preset builder Visually edit every token of a Koder Design preset — colours, radius, spacing, type. Export ready-to-paste CSS or JSON, or share via URL.