Customization

Accessible

LLM Enabled

User Interface (UI) is the space where interactions between humans and machines occur.

Release Notes

v0.1.5

Beautiful UIs which are usable.

Accessible, production-ready React components with intelligent metadata that enable AI to generate perfectly consistent interfaces.

pnpm install ui-lab-components

Select

New

Card content

Built with React Aria + Tailwind v4. 100% WAI-ARIA compliant out of the box.

Stunning Defaults, Total Control

Beautiful out-of-the-box design. Theme any component with ease.

Powerful Built-in CLI

Install components, sync themes, measure bundle impact — all from terminal.

Claude & AI-First Types

Granular TypeScript, zero any. Claude, Cursor, Copilot autocomplete perfectly.

OKLCH Production-Ready Components

Modern perceptual color space for smoother gradients, better contrast, and predictable theming across light/dark modes.

Seamless Light & Dark Modes

Built-in automatic dark mode with prefers-color-scheme support and manual toggle. Zero extra setup needed.

Tree-Shakable & Tiny Bundle Size

Each component is fully tree-shakable. Import only what you use — average < 5kB gzipped per component.

Copy-Paste Ready Code

Every example includes clean, ready-to-copy code with installation commands and accessible props table.