Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tailwindlabs/headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
https://github.com/tailwindlabs/headlessui

a11y accessibility components headless-ui headlessui react tailwindcss vue

Last synced: 3 days ago
JSON representation

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Host: GitHub
URL: https://github.com/tailwindlabs/headlessui
Owner: tailwindlabs
License: mit
Created: 2020-09-16T09:53:09.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2024-10-25T13:51:55.000Z (about 2 months ago)
Last Synced: 2024-12-08T12:35:53.136Z (4 days ago)
Topics: a11y, accessibility, components, headless-ui, headlessui, react, tailwindcss, vue
Language: TypeScript
Homepage: https://headlessui.com
Size: 6.11 MB
Stars: 26,336
Watchers: 162
Forks: 1,084
Open Issues: 93
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

awesome - tailwindlabs/headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (TypeScript)
awesome-ccamel - tailwindlabs/headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (TypeScript)
awesome-github-repos - tailwindlabs/headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (TypeScript)
awesome-github-star - headlessui
awesome-starts - tailwindlabs/headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (TypeScript)
awesome-vue-3 - headlessui-vue - A set of completely unstyled, fully accessible UI components for Vue 3, designed to integrate beautifully with Tailwind CSS. (Packages)
awesome-list - headlessui
best-of-react - GitHub - 1% open · ⏱️ 03.06.2024): (UI Frameworks & Libraries)
awesome-react-headless-components - Headless UI
awesome-tailwindcss - Headless UI - Completely unstyled, fully accessible UI components. (Useful Links)
StarryDivineSky - tailwindlabs/headlessui
jimsghstars - tailwindlabs/headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (TypeScript)
awesome - tailwindlabs/headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (TypeScript)
awesome - tailwindlabs/headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (TypeScript)

README

        


  Headless UI





  A set of completely unstyled, fully accessible UI components, designed to integrate

  beautifully with Tailwind CSS.



---

## 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 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)

## Contributing

If you're interested in contributing to Headless UI, please read our [contributing docs](https://github.com/tailwindlabs/headlessui/blob/main/.github/CONTRIBUTING.md) **before submitting a pull request**.