# @headlessui/vue

> A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS.

Latest version **1.7.23** (published 2024-09-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install @headlessui/vue
pnpm add @headlessui/vue
yarn add @headlessui/vue
bun add @headlessui/vue
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score; popular repo.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.7.23 |
| Published | 2024-09-09 |
| First published | 2020-09-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 1 |
| Unpacked size | 587.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 28743 |
| Maintainers | thecrypticace, reinink, adamwathan, malfaitrobin |

## Links

- npm: https://www.npmjs.com/package/@headlessui/vue
- Repository: https://github.com/tailwindlabs/headlessui
- Homepage: https://github.com/tailwindlabs/headlessui#readme
- Issues: https://github.com/tailwindlabs/headlessui/issues
- npm.io page: https://npm.io/package/@headlessui/vue

## Dependencies (1)

- [@tanstack/vue-virtual](https://npm.io/package/@tanstack/vue-virtual.md) ^3.0.0-beta.60

## Recent versions

- 1.7.23 (latest) — 2024-09-09
- 0.0.0-insiders.eea57cf (insiders) — 2026-04-13
- 0.0.0-insiders.d13526d — 2026-04-07
- 0.0.0-insiders.b0dcd8f — 2026-04-07
- 0.0.0-insiders.7baca70 — 2025-12-04
- 0.0.0-insiders.5ef7395 — 2025-11-27
- 0.0.0-insiders.589ea90 — 2025-09-25
- 0.0.0-insiders.ca536ed — 2025-09-25
- 0.0.0-insiders.2a647a7 — 2025-09-25
- 0.0.0-insiders.da2fa94 — 2025-09-25
- 0.0.0-insiders.6b5709a — 2025-09-19
- 0.0.0-insiders.433b174 — 2025-09-18
- 0.0.0-insiders.31b3e47 — 2025-09-18
- 0.0.0-insiders.b0615ad — 2025-09-17
- 0.0.0-insiders.f96538e — 2025-09-17
- … 746 more at https://npm.io/package/@headlessui/vue/versions

## README

<h3 align="center">
  @headlessui/vue
</h3>

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

<p align="center">
  <a href="https://www.npmjs.com/package/@headlessui/vue"><img src="https://img.shields.io/npm/dt/@headlessui/vue.svg" alt="Total Downloads"></a>
  <a href="https://github.com/tailwindlabs/headlessui/releases"><img src="https://img.shields.io/npm/v/@headlessui/vue.svg" alt="Latest Release"></a>
  <a href="https://github.com/tailwindlabs/headlessui/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@headlessui/vue.svg" alt="License"></a>
</p>

## Installation

Please note that **this library only supports Vue 3**.

```sh
npm install @headlessui/vue
```

## Documentation

For full documentation, visit [headlessui.dev](https://headlessui.dev/vue/menu).

## Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

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

For casual chit-chat with others using the library:

[Join the Tailwind CSS Discord Server](https://discord.gg/7NF8GNe)

---
_Source: https://npm.io/package/@headlessui/vue · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._