Unstyled, fully accessible UI components by Tailwind Labs designed to integrate with Tailwind CSS for React and Vue.

0 detections
0 websites tracked
Updated 11 Feb 2026

Websites Using Headless UI

No websites detected yet. Analyze a website to contribute data.

What Is Headless UI?

Headless UI is a set of completely unstyled, fully accessible UI components created by Tailwind Labs for React and Vue. The library provides the logic and accessibility of common interface patterns without any visual styling, making it the perfect companion for Tailwind CSS projects.

Unstyled by Design

Components render minimal HTML with correct ARIA attributes, keyboard interactions, and focus management. All visual styling is applied through utility classes, making Headless UI components seamlessly integrate with any Tailwind CSS design system.

Components

The library includes Combobox (autocomplete), Dialog (modal), Disclosure (accordion), Listbox (select), Menu (dropdown), Popover, Radio Group, Switch (toggle), Tabs, and Transition. Each component handles edge cases like scroll locking, focus trapping, and click-outside dismissal.

React and Vue Support

Official support for both React and Vue ensures consistent component behavior across framework choices. The API design follows each framework's conventions while providing identical accessibility features.

Why Choose Headless UI

Tailwind CSS projects needing accessible interactive components without fighting against pre-applied styles choose Headless UI. The Tailwind Labs pedigree ensures tight integration with the Tailwind ecosystem.