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. 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.