Tailwind UI (Official Components and Templates) July 4, 2024

July 4, 2024​

Improved compatibility with React Server Components​

The React examples in Tailwind UI are now easier to use with React Server Components (RSC).

Server components don't support passing functions as props, so anywhere we did that in Tailwind UI you'd need to make the parent a client component, even when that component had no actual interactivity.

Using the new data-* state attributes in Headless UI v2.0, we were able to remove all of the render props that we were using to conditionally apply different classes based on the state of the component.

We've also updated any components that do need to be client components to include 'use client' at the top of the example, so you can copy and paste them into your RSC project and they'll work right away.

May 24, 2024​

Catalyst: Application layouts, navigation menus, description lists, and more​

We just published the first major update to Catalyst since releasing the development preview, with two new application layouts, navbar and sidebar components, description lists, and more.

Here's a complete list of all the new components, available in both JavaScript and TypeScript:

• Sidebar layout
• Stacked layout
• Navbar
• Sidebar
• Description list
• Heading
• Divider

We’re also pumped to share that with the release of Headless UI v2.0 for React, Catalyst is no longer in development preview — it’s officially stable and you can start using it in production today without worrying about breaking changes in the underlying dependencies.
Check out our brand new live demo site to see what a full Catalyst project looks and feels like after these updates for yourself.

Changelog

Stay up to date with all of the latest additions and improvements we've made to Tailwind UI.

tailwindui.com

Changelog

Stay up to date with all of the latest additions and improvements we've made to Tailwind UI.

tailwindui.com