Headless UI
Unstyled, fully accessible UI components by Tailwind Labs designed to integrate with Tailwind CSS for React and Vue.
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.
Alternatives to Headless UI
Compare Headless UI
Analyze a Website
Check if any website uses Headless UI and discover its full technology stack.
Analyze Now