tailwindlabs/

headlessui

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

Stars

28.6k

Forks

1.2k

Watchers

28.6k

Open issues

100

TypeScriptMIT main Updated 1 month ago~14 stars/day lifetime

Open on GitHub Homepage

Editor's take

Unstyled, accessible components from the Tailwind team. Smaller surface than Radix but tighter integration with Tailwind ecosystem. Good for simple custom design systems where you do not need Radix-level breadth.

Use this if

You are on Tailwind and need a few accessible primitives (dialog, menu, listbox) without bringing in Radix.

Skip if

You need a full set of primitives or community-maintained components — Radix has more.

UI Components

README — rendered from tailwindlabs/headlessui

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.

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`
`@headlessui/vue`
`@headlessui/tailwindcss`

Community

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

Discuss Headless UI on GitHub

Contributing

If you're interested in contributing to Headless UI, please read our contributing docs before submitting a pull request.