Headless UI

Headless UI provides a small set of fully accessible, keyboard-navigable UI components -- menus, dialogs, comboboxes, listboxes, switches, tabs, and more -- with zero built-in styling. Every visual decision is left to you via plain CSS, Tailwind classes, or any other styling approach, while Headless UI handles the genuinely hard parts: focus management, ARIA attributes, keyboard interaction patterns, and animation state.

It ships official React and Vue implementations with matching APIs, and is built and maintained by the Tailwind Labs team specifically to pair well with Tailwind CSS, though it works with any styling method since it renders no CSS itself. Compared to broader component libraries, Headless UI deliberately stays small and focused -- it doesn't try to cover every possible UI pattern, just the ones that are genuinely tricky to implement correctly from scratch.

Headless UI is a fit for teams that already have their own design system or visual language and want correct, accessible interaction behavior without inheriting someone else's visual opinions -- a narrower, more opinionated alternative to the broader primitive set in Radix Primitives.