When a component library crosses a few hundred entries, consistency stops being a nicety and becomes the whole game. Every hand-tweaked variant is a future bug; every one-off style is a token that should have existed.

We took a different route: one canonical source per component, and a generator that emits every target from it — Drupal SDC, React, Vue, and Storybook. Authors never port markup by hand, so the same fix lands everywhere at once.

One source, many targets

The template vocabulary is deliberately small: interpolation, a class-map for enum variants, and a handful of directives for loops, conditionals, and slots. Because it never reaches for framework-specific escape hatches, it transpiles cleanly to Twig, JSX, and Vue with no drift.

Theming without forks

Components ship no CSS. Markup is tokenized Tailwind bound to CSS-variable design tokens, so a new look is a new set of values — never a new component. Four themes re-skin the entire catalog from one shared contract.