# Headlessui, 154 React UI components, live previews & code, EneUI

All 154 Headlessui components in the catalog with live previews, full source and a one-line install. Most used: accessibility assertions.ts, active element history.ts, bugs.ts. The declared licence is MIT.

> Page: https://ui.eneawork.it/components/lib/headlessui
> Markdown: https://ui.eneawork.it/components/lib/headlessui.md

**Components:** 154

- [accessibility-assertions.ts](https://ui.eneawork.it/comp/headlessui/accessibility-assertions.ts), headlessui
- [active-element-history.ts](https://ui.eneawork.it/comp/headlessui/active-element-history.ts), headlessui
- [bugs.ts](https://ui.eneawork.it/comp/headlessui/bugs.ts), headlessui
- [button](https://ui.eneawork.it/comp/headlessui/button), headlessui
- [calculate-active-index.ts](https://ui.eneawork.it/comp/headlessui/calculate-active-index.ts), headlessui
- [checkbox](https://ui.eneawork.it/comp/headlessui/checkbox), headlessui
- [class-names.ts](https://ui.eneawork.it/comp/headlessui/class-names.ts), headlessui
- [close-button](https://ui.eneawork.it/comp/headlessui/close-button), headlessui
- [close-provider.tsx](https://ui.eneawork.it/comp/headlessui/close-provider.tsx), headlessui
- [combobox](https://ui.eneawork.it/comp/headlessui/combobox), headlessui
- [combobox-button](https://ui.eneawork.it/comp/headlessui/combobox-button), headlessui
- [combobox-input](https://ui.eneawork.it/comp/headlessui/combobox-input), headlessui

## FAQ

### How many components are in the Headlessui library?

154 Headlessui components are in the catalog, each with a live preview, full source and a one-line install command.

### Is the Headlessui library free?

The declared licence is MIT.

### What framework does Headlessui target?

Headlessui targets React: the components are written for that renderer and drop into Next.js, Vite or CRA the same way.

### What is the most popular Headlessui component?

"accessibility assertions.ts" is the most starred one, out of 154 available.

### How do I add a Headlessui component to my project?

Open the component and hit Copy code (or Install): the source lands in your components folder, or run the npx shadcn add command shown on the page.

### What kind of interfaces does Headlessui ship?

Headlessui mainly covers React.


## Install

```bash
npx shadcn@latest add "https://ui.eneawork.it/api/registry/headlessui/%3Ccomponent-name%3E.json?token=YOUR_TOKEN"
```

The registry endpoints are token-gated (create a free account in the app, then copy the registry token). The raw source is also readable at `/api/registry/<library>/<name>.json`.