headlessui

<h3 align="center">
  Headless UI
</h3>

<p align="center">
  A set of completely unstyled, fully accessible UI components, designed to integrate
  beautifully with Tailwind CSS.
</p>

---

## Documentation

For full documentation, visit [headlessui.com](https://headlessui.com).

### Installing the latest version

You can install the latest version by using:

- `npm install @headlessui/react@latest`
- `npm install @headlessui/vue@latest`

### Installing the insiders version

You can install the insiders version (which points to whatever the latest commit on the `main` branch is) by using:

- `npm install @headlessui/react@insiders`
- `npm install @headlessui/vue@insiders`

**Note:** The insiders build doesn't follow semver and therefore doesn't guarantee that the APIs will be the same once they are released.

## Packages

| Name                                                                                                                 |                                                              Version                                                              |                                                              Downloads                                                               |
| :------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------: |
| [`@headlessui/react`](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-react)             |       [![npm version](https://img.shields.io/npm/v/@headlessui/react.svg)](https://www.npmjs.com/package/@headlessui/react)       |       [![npm downloads](https://img.shields.io/npm/dt/@headlessui/react.svg)](https://www.npmjs.com/package/@headlessui/react)       |
| [`@headlessui/vue`](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-vue)                 |         [![npm version](https://img.shields.io/npm/v/@headlessui/vue.svg)](https://www.npmjs.com/package/@headlessui/vue)         |         [![npm downloads](https://img.shields.io/npm/dt/@headlessui/vue.svg)](https://www.npmjs.com/package/@headlessui/vue)         |
| [`@headlessui/tailwindcss`](https://github.com/tailwindlabs/headlessui/tree/main/packages/%40headlessui-tailwindcss) | [![npm version](https://img.shields.io/npm/v/@headlessui/tailwindcss.svg)](https://www.npmjs.com/package/@headlessui/tailwindcss) | [![npm downloads](https://img.shields.io/npm/dt/@headlessui/tailwindcss.svg)](https://www.npmjs.com/package/@headlessui/tailwindcss) |

## Community

For help, discussion about best practices, or feature ideas:

[Discuss Headless UI on GitHub](https://github.com/tailwindlabs/headlessui/discussions)

## Contributing

If you're interested in contributing to Hea