The UI library built for
humans and AI agents.
22 production-ready React components with accessibility, motion, and AI agent contracts built in. Override one token — everything updates. Zero runtime overhead.
Open Playground →npm install @vhyxui/react @vhyxui/tokensWhy VhyxUI
Four layers. One library.
Every existing UI library makes a bet developers cannot escape. VhyxUI makes one bet: CSS wins.
Zero Lock-In Styling
Beautiful defaults driven entirely by CSS custom properties. Override any token and the entire library updates instantly. Zero runtime cost. Zero bundler lock-in.
Accessibility By Default
WCAG 2.1 AA as the floor, not the ceiling. Keyboard navigation, focus management, and ARIA semantics are built into every component. Cannot be accidentally skipped.
Motion As First Class
Every enter, exit, and state change is defined with token-driven durations and easings. prefers-reduced-motion is handled automatically — always, with zero extra code.
AI Agent Ready
Every component ships with a VhyxSeal contract describing intent, safety level, and consequences. AI agents can read and reason about your UI right out of the box.
Quick Start
Get started in minutes
Install the packages
npm install @vhyxui/react @vhyxui/tokensImport the tokens
@import '@vhyxui/tokens/index.css';Wrap your app with VhyxUIProvider
import { VhyxUIProvider } from '@vhyxui/react'
export default function Layout({ children }) {
return (
<VhyxUIProvider>
{children}
</VhyxUIProvider>
)
}Use any component
import { Button } from '@vhyxui/react'
function MyButton() {
return (
<Button variant="primary" size="md">
Click me
</Button>
)
}No configuration. No theme object. No token mapping.