▸ tww · status: SemVer 0 · honest about it

One contract.
Three platforms.
No port drift.

Author a component once as a YAML contract — surface, slots, events, states, tokens, accessibility. The Wyrding Way projects it into working React, Flutter, and Lit, with parity gated in CI. Interaction and geometry are identical by construction, not by convention.

get started→ view on github
Brand & tokens
available now
Components
available now
Behavior & motion
in preview
Layout / SDUI
coming
Studio
coming
button.contract.yaml source of truth 
01component: Button02surface: command03slots:04  - name: label05    required: true06events:07  - name: press08states: [default, hover, pressed, disabled, loading]09tokens:10  - color.primary11  - color.on-primary12  - radius.control13  - focus.ring14a11y:15  role: button16  keyboard: [Enter, Space]
projects → ReactFlutterLit

SRC → TARGETS

1 contract → React · Flutter · Lit

parity gated in CI, not by convention

GATES

a11y · l10n · contrast · visual

they fail the build, not the audit

BRAND

DESIGN.md → W3C tokens

your identity is an input, not a fork

AUTHORS

human + agent, same surface

contracts and tokens are machine-readable

▸ proof · the same contract, four design languages

The system's brand never competes with yours.

A product's identity is a DESIGN.md compiled into W3C tokens. Watch one Button re-skin across presets — TWW plus demonstration homages — with no change to the contract underneath.

TWW · Gilt & Ink
Inspired by Material
Inspired by Carbon
Inspired by Apple HIG

Presets are homages, clearly labeled — no trademarks, no third-party logos. Each is a real DESIGN.md through the real pipeline.

Quality is the pipeline, not a promise.

Accessibility scans, localization stress fixtures, WCAG contrast, and cross-stack visual parity are CI gates. If the build is green, the promise held.

read the Button reference→