Accessible React components that AI agents understand.
Beautiful, keyboard-friendly components with motion built in — and a machine-readable contract on every interactive element, so AI agents know what is safe to click.
npm install @vhyxui/react @vhyxui/tokensProject settings
Most libraries stop at visuals. VhyxUI ships all four.
Visuals, accessibility, motion and agent contracts — designed together, so you don't bolt them on later.
Accessible by default
Keyboard, focus management, ARIA and reduced motion are built in and tested with axe on every component.
Motion that feels right
Switches glide, checkmarks draw in, tab indicators slide — every state change animates both ways.
On
A contract on every control
Each interactive component tells AI agents what it does, how risky it is, and when a person must confirm — with zero extra code.
{ "intent": "delete-item", "safetyLevel": "high", "requiresConfirmation": true, "destructive": true, "consequence": "Permanently deletes the project"}
Themes in tokens
Light, dark, or your own brand — every component follows.
Plays well with Tailwind
Use plain CSS, Tailwind v3 or v4. Styles live in cascade layers, so your utilities win without !important.
@import "tailwindcss"; @import "@vhyxui/tailwind/theme.css"; <Button className="w-full md:w-auto"> Save </Button>
Blocks and layouts
Dashboards, auth, pricing, settings and docs layouts in @vhyxui/blocks — start from a page, not a blank file.
Real components, right here
Everything below is live VhyxUI. Tab through it, toggle it, use a screen reader.
Buttons
Forms
Email notifications on
Feedback
Disclosure
Arrow keys move between tabs.
Is it accessible?
Server Components?
Your UI, readable by AI agents
Every interactive VhyxUI component carries a contract: what it does, how risky it is, and whether a person must confirm. Agents read them from your page and its signed manifest, so a destructive action is never performed silently.
{
"id": "delete-project",
"type": "action",
"intent": "delete-item",
"safetyLevel": "high",
"requiresConfirmation": true,
"destructive": true,
"consequence": "Permanently deletes the project"
}Part of the Vhyxara family
Three libraries built to work together: components, the contracts agents read, and the diagrams that explain them.
Build interfaces people and agents can trust
Install VhyxUI and ship accessible components with agent contracts from day one.