Headless UI icon

Headless UI

NPM stats
Downloads last 7 days: 1640422

What is Headless UI?

Headless UI is a component library created by the same team behind Tailwind CSS. As the name suggests, Headless UI is "headless", meaning that the components provided by the library does not ship with any styling, making it up to the developer in charge to style the components to their liking. Instead, Headless UI provides primitive and composable components which have been designed to be accessible and easily reusable. This makes Headless UI an ideal choice for building custom design systems which can be used throughout one or more projects.

Headless UI features

JavaScript library features

Tree Shaking

Component library features

Built-in Dark Mode

Built-in Localisation


Server Side Rendering (SSR)

Built-in Right-to-Left Support