The component layer for spec-driven UI.
Hex UI ships production-grade Radix + Tailwind components with machine-readable schemas and recipes. Hand your agent a brief — Hex UI resolves it to a ranked component checklist over MCP, no runtime service required.
Features
- Polished components
Radix UI primitives, CVA variants, canonical transitions. Every component is senior-designer reviewed and ships with live demos.
- AI-native schemas
Each component exports a .schema.ts with props, variants, whenToUse/whenNotToUse hints, common mistakes, accessibility notes, and a token budget.
- MCP-first distribution
Discover and install components through the Hex UI MCP server. Claude Code reads the registry and picks the right primitive for your task.
- Dark mode by default
HSL design tokens flip cleanly via next-themes. WCAG-safe contrast pairs out of the box.
Install in one command
Copy any component into your project. No npm dependency.
pnpm dlx @hex-core/cli add button