# Headless UI: Unstyled, Accessible UI Components

DevFeed: [Headless UI: Unstyled, Accessible UI Components](<https://devfeed.tech/articles/headless-ui-unstyled-accessible-ui-components-3463.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/headless-ui-unstyled-accessible-ui-components>)

Published: 2020-10-06T18:30:00Z

Content type: release

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [aria](<https://devfeed.tech/tags/aria.md>), [css](<https://devfeed.tech/tags/css.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [ui](<https://devfeed.tech/tags/ui.md>), [vue](<https://devfeed.tech/tags/vue.md>), [web-applications](<https://devfeed.tech/tags/web-applications.md>)

## AI overview

Headless UI introduces unstyled, accessible UI components for React, Vue, and planned Alpine.js support. It provides behavior such as keyboard navigation, ARIA management, focus handling, and screen-reader support while leaving styling under the developer's control with utility classes.

## Source excerpt

Headless UI is a set of completely unstyled, fully accessible UI components for React, Vue, and Alpine.js that make it easy to build fully accessible custom UI components, without sacrificing the ability to style them from scratch with simple utility classes.