Behavior & motion · in preview

One contract. Three platforms.
Motion from a single source.

Author a component once — surface, states, tokens, and the way it moves. The Wyrding Way projects it into React, Flutter, and Lit, and evaluates behavior and motion through one shared core, so interaction and geometry are identical by construction, not by convention.

motion.contract One press animation, one focus transition — evaluated once, rendered the same on web and Flutter.
Brand & tokens
Available now
Components
Available now
Behavior & motion
In preview
Layout / SDUI
Coming
Studio
Coming
01

One source, three platforms

A single YAML contract ships to React, Flutter, and Lit — parity gated in CI. No port drift, no divergent mobile build.

02

Quality is the pipeline

Accessibility, localization, WCAG contrast, and cross-stack visual parity are gates. They fail the build, not the audit.

03

Brands are inputs

Your identity is a DESIGN.md compiled to W3C tokens. The same components re-skin per brand; ours never competes with yours.

04

Agents author too

Contracts, tokens, and behavior are machine-readable. A designer and an AI agent work the very same surfaces.

Proof

The same contract, four design languages.

A product's identity is a DESIGN.md compiled into tokens. One Button, re-skinned across presets — the contract underneath never changes.

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

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

If the build is green, the promise held.

Begin with the Button reference and inspect the first component of the system for yourself.

Read the Button reference