Headless UI

What it does

Headless UI provides accessible dropdowns, dialogs, tabs, and other components with no styling — you style them yourself with Tailwind. Made by the Tailwind CSS team.

When to use it

Use this when you want accessible component logic (by the Tailwind team) with full styling control.

Real example

You're building a settings page with a custom-styled tabbed interface that works with keyboard navigation. Prompt: 'Use Headless UI TabGroup, TabList, Tab, TabPanels, TabPanel. Style each Tab with Tailwind: selected tabs get bg-white and shadow, unselected get text-gray-500. Content renders in the matching TabPanel.'

Good to know

Works with React and Vue. Very similar to Radix UI. Use whichever integrates better with your existing stack.

Alternatives

Install

Use cases

Language

Category

Ready-made components