Skip to main content
React · 37 components · 500 icons · agent contracts

Build the screen once. Humans click it, agents read it.

Accessible React components with motion and design tokens. Every control publishes a signed contract, so AI agents know what it does before they press it.

Get startedOpen playgroundpnpm add @vhyxui/react @vhyxui/tokens

One settings screen, seen two ways.

01 · What the person sees

Account settings

Weekly summary
Try it: edit, toggle, save or delete.
02 · Agent log
  1. › fetch /__agent__/manifest.json
  2. ✓ signature valid · 4 contracts

Agents act on low and medium actions, and stop for critical ones.

03 · What the agent reads
  • display-name · inputlow
  • weekly-summary · togglelow
  • save-changes · update-profilemedium
  • delete-account · destructivecritical
hmac-sha256 · signed · domain-bound

Designed to feel good

Browse all components
Buttons
Forms
We'll send a sign-in link.
Feedback
Storage almost full92% of 10 GB used.
Capability map · rendered by VhyxChart

Every manifest can be drawn as an animated flow, so you can review what agents may do before you ship.

37components
22blocks and layouts
500original icons
0lines to add contracts