Tailwind UI (Application UI + Marketing+Ecommerce) 24 May 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.

include Application UI + Marketing+Ecommerce

All-new application UI pages + huge component update​

We just shipped a big application UI refresh that includes totally redesigned page examples, and dozens of updated and brand new components.


The new page examples include both light and dark designs, and also include the highly coveted home screen design everyone has been asking us for after seeing it used as screenshots in some of our new marketing components.

• Added 2 new designs to the Home Screens category
• Added 2 new designs to the Detail Screens category
• Added 2 new designs to a new Settings Screens category

We also went through all of the existing component categories to find opportunities for improvements, including new badges, stacked lists, tables, form layouts, stats sections, and more.

• Updated the Badges category with 18 new designs
• Updated the Buttons category with 3 new designs
• Updated the Description Lists category with 7 new designs
• Updated the Feeds category with 1 new design
• Updated the Form Layouts category with 5 new designs
• Updated the Grid Lists category with 1 new design
• Updated the Multi-Column Layouts category with 6 new designs
• Updated the Page Headings category with 2 new designs
• Updated the Sidebar Layouts category with 8 new designs
• Updated the Sidebar Navigation category with 5 new designs
• Updated the Sign-in and Registration category with 5 new designs
• Updated the Stacked Lists category with 17 new designs
• Updated the Stats category with 2 new designs
• Updated the Tables category with 3 new designs
• Updated the Tabs category with 1 new design
• Updated the Vertical Navigation category with 5 new designs

full changelog in here https://tailwindui.com/changelog

New Protocol template​

Today we're happy to announce the launch of our new Protocol template, a meticulously crafted documentation template tuned for API references.

Powered by MDX, we've sweat all the nitty-gritty details to make sure the authoring experience is an awesome one, letting you focus on just writing great API docs, not the tooling around it.

Today we're happy to announce the launch of our new Pocket template, the perfect website template for your exciting new mobile app.

Built with Tailwind CSS and Next.js, Pocket is loaded with tons of fun animations and interactions powered by the Framer Motion library. Be sure to check out the live preview for the full experience.

• Added 16 new Table examples to the Application UI package

• Added 16 new Table examples to the Application UI package

• Added new Comboboxes category to the Application UI package with 5 examples
• Added new Command Palettes category to the Application UI package with 9 examples

• Added new Calendars category to the Application UI package with 8 examples