Headless UI

Completely unstyled, fully accessible UI components for React and Vue, built by the Tailwind CSS team to integrate with any styling approach.

宽松许可证

GitHub 官网

概述

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.

为什么收录此项目

目录评分: ★★★☆☆ (3/5)

Overlaps conceptually with Radix Primitives as another headless/accessible component set, but its React+Vue dual support and smaller, more opinionated scope are real differentiation -- a good rather than essential addition.