Overview

Wire UI is an AI-native, headless component library. Every component ships with zero CSS — interactive states are exposed through data-* attributes so you style them exactly the way you want, using Tailwind, CSS Modules, plain CSS, or any other approach. AI-integrated docs with llms.txt and machine-readable API references make it built for AI-assisted workflows.

<Button
  className="px-4 py-2 rounded-lg bg-indigo-600 text-white
    [data-hover]:bg-indigo-700
    [data-active]:scale-95
    [data-focus-visible]:ring-2 [data-focus-visible]:ring-indigo-500
    [data-disabled]:opacity-40 [data-disabled]:cursor-not-allowed"
>
  Save changes
</Button>

Packages

Package	Version	Description
`@wire-ui/react`		AI-native unstyled component library (React 19)
`@wire-ui/vue`		AI-native unstyled component library (Vue 3)
`@wire-ui/solid`		AI-native unstyled component library (SolidJS 1.9)
`@wire-ui/mcp`		MCP server for AI-assisted Wire UI workflows

Repository structure

wire-ui/
├── apps/
│   └── docs/          # Nextra v4 documentation site
└── packages/
    ├── react/         # @wire-ui/react — React 19 component library
    ├── vue/           # @wire-ui/vue — Vue 3 component library
    ├── solid/         # @wire-ui/solid — SolidJS 1.9 component library
    └── mcp/           # @wire-ui/mcp — MCP server for AI integration

Documentation

Full documentation is available at wire-ui.com.

Community

Follow on X: @wireuijs

Authors

Jerald Austero (@jaoaustero)

Contributing

See the contributing guide for local development instructions and pull request guidelines.

Wire UI

README