Design system

Token-driven Vue UI kit

The component library this very site is built on: ~40 accessible Vue components, a runtime theme engine that re-skins everything from a JSON token set, built on Tailwind v4, reka-ui and motion-v.

Stack

  • Vue 3
  • Tailwind v4
  • Reka UI
  • TypeScript
  • Motion

Architecture notes

  1. 01

    Runtime theming - themes are plain JSON, applied live to CSS variables

  2. 02

    Accessible primitives on reka-ui with tailwind-variants for typed styling

  3. 03

    Shipped as a versioned, tree-shakeable ESM package with generated types