We just released Headless UI v2.0 for React which includes a ton of new stuff including built-in anchor positioning, a new headless checkbox component, HTML form components and more!

Tailwind CSS is a popular utility-first CSS framework that streamlines the process of styling web applications by providing a set of pre-defined utility classes. The Tailwind CSS blog covers topics such as new features, best practices, and tutorials for using Tailwind CSS effectively in frontend development projects. Developers can learn how to leverage Tailwind CSS to create responsive, customizable, and maintainable UI designs without writing custom CSS.

tailwindcss

Headless UI v2.0 for React has been released with built-in anchor positioning, a new checkbox component, HTML form components, improved hover, focus and active state detection, combobox list virtualization, and a new website with improved documentation.

Headless UI v2.0 for React

​ Improved hover, focus and active state detection

This is amazing!!! I have been struggling to get the positioning just right for the options of a custom dropdown component we needed… I even tried using React portals (which solved some problems but introduced others). So excited to test out the built-in anchors and combobox list virtualization!

👌 I have used HEADLESS🔥 UI many times, and it is truly one of the best UI I have used with REACT 🤖

You’re UI Kit is still not in the same level as Shadcn currently.

Does v2.0 require React 18? I can’t get it working with React 17.