← All projects

@poupe/theme-builder

Design token management and theme generation for Material Design 3 colour schemes.

Takes a seed colour and runs it through the Material Design 3 tonal algorithm (via @poupe/material-color-utilities) to produce a complete colour scheme — primary, secondary, tertiary, error, surface variants, and their on-colour counterparts in both light and dark modes.

The output is a structured token tree that downstream packages (@poupe/tailwindcss, @poupe/vue) consume directly. Supports custom colour overrides, additional palette sources, and serialisation to CSS custom properties via @poupe/css.