Changelog

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

Subscribe via email

August 12, 2022

New additions

  • Added new Pocket template, the perfect website template for your exciting new mobile app.

June 23, 2022

Today we’re thrilled to announce the launch of Tailwind UI templates!

These are visually-stunning, easy to customize site templates built with React and Next.js. The perfect starting point for your next project and the ultimate resource for learning how experts build real websites with Tailwind CSS.

Tailwind UI templates available now.

New additions

  • Salient template - A beautiful SaaS landing page to announce your next big idea.
  • Transmit template - A clean and professional podcast template fit for any show.
  • Syntax template - Educate your users in style with this documentation template.
  • Keynote template - Launch your next conference with a splash with this eye-catching template.
  • Primer template - A stunning landing page for your first course or ebook.

March 8, 2022

New additions

  • Added 16 new Table examples to the Application UI package

February 18, 2022

New additions

  • 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

February 4, 2022

New additions

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

November 8, 2021

New additions

  • Added new Textareas category to the Application UI package with 5 examples
  • Added 9 new Radio Group examples to the Application UI package
  • Added 1 new Step example to the Application UI package
  • Added 1 new FAQ example to the Marketing package

August 11, 2021

Today we’re excited to announce the launch of Tailwind UI Ecommerce!

Almost 6 months in the making, we finally released the first all-new component kit for Tailwind UI since the initial launch back in February 2020.

Tailwind UI Ecommerce available now.

New additions

Tailwind UI Ecommerce adds over 100 new components across 14 new component categories and 7 new page example categories:

  • Added new Product Overviews category to the Ecommerce package with 5 examples
  • Added new Product Lists category to the Ecommerce package with 11 examples
  • Added new Category Previews category to the Ecommerce package with 6 examples
  • Added new Shopping Carts category to the Ecommerce package with 6 examples
  • Added new Category Filters category to the Ecommerce package with 5 examples
  • Added new Product Quickviews category to the Ecommerce package with 4 examples
  • Added new Product Features category to the Ecommerce package with 9 examples
  • Added new Store Navigation category to the Ecommerce package with 5 examples
  • Added new Promo Sections category to the Ecommerce package with 8 examples
  • Added new Checkout Forms category to the Ecommerce package with 5 examples
  • Added new Reviews category to the Ecommerce package with 4 examples
  • Added new Order Summaries category to the Ecommerce package with 4 examples
  • Added new Order History category to the Ecommerce package with 4 examples
  • Added new Incentives category to the Ecommerce package with 8 examples
  • Added new Storefront Pages category to the Ecommerce package with 4 examples
  • Added new Product Pages category to the Ecommerce package with 5 examples
  • Added new Category Pages category to the Ecommerce package with 5 examples
  • Added new Shopping Cart Pages category to the Ecommerce package with 3 examples
  • Added new Checkout Pages category to the Ecommerce package with 5 examples
  • Added new Order Detail Pages category to the Ecommerce package with 3 examples
  • Added new Order History Pages category to the Ecommerce package with 5 examples

July 14, 2021

New additions

  • Added new 404 Pages category to the Marketing package with 6 examples
  • Added new Empty States category to the Application UI package with 6 examples
  • Added 6 new Input Group examples to the Application UI package
  • Added new Checkboxes category to the Application UI package with 4 examples

May 7, 2021

New additions

  • Added 2 new Pricing Page examples to the Marketing package
  • Added 2 new Pricing Section examples to the Marketing package
  • Added 2 new FAQ examples to the Marketing package
  • Added 1 new Testimonial example to the Marketing package
  • Added 1 new Header example to the Marketing package

April 14, 2021

Today we’re excited to add first class support for React and Vue 3 to all of the examples in Tailwind UI, which makes it even easier to adapt them for your projects.

Tailwind UI: Now for React and Vue.

It’s been a long journey but I am super proud of where we ended up on this one, and really think it’s going to make Tailwind UI a useful tool for a whole new group of Tailwind CSS users.

  • Functional and accessible — all of the React and Vue examples in Tailwind UI are powered Headless UI which handles all of the ARIA attribute management, keyboard interactions, focus handling, and more for you, while keeping all of that gnarly complexity safely tucked away in your node_modules folder where we can make improvements and fix bugs on your behalf, without you ever having to change your own code.
  • Fully customizable — with Headless UI, we’ve managed to abstract away all of the complicated JS functionality without taking away any control over the actual markup. That means that the entire design is still in entirely under your control, and you can fully customize any example by simply adding and removing utility classes like you’re used to.

All of this stuff is available as a totally free update for Tailwind UI customers. Just log in to your account, select between HTML, React, or Vue in the dropdown above any component, and grab the code in the format you want.

March 26, 2021

New additions

  • Added 2 new Detail Screen examples to the Application UI package
  • Added 1 new Settings Screen example to the Application UI package
  • Added 2 new Multi-Column Layout examples to the Application UI package
  • Added 2 new Page Heading examples to the Application UI package
  • Added 1 new Grid List example to the Application UI package
  • Added 1 new Select Menu example to the Application UI package
  • Added 1 new Tabs example to the Application UI package
  • Added 1 new Slide-over example to the Application UI package

March 10, 2021

New additions

February 3, 2021

New additions

  • Added 1 new Home Screen example to the Application UI package
  • Added 1 new Detail Screen example to the Application UI package
  • Added 2 new Multi-Column Layout examples to the Application UI package
  • Added 1 new Section Heading example to the Application UI package
  • Added 1 new Card Heading example to the Application UI package
  • Added 1 new Stacked List example to the Application UI package
  • Added 1 new Tabs example to the Application UI package
  • Added 1 new Navbar example to the Application UI package

January 21, 2021

New additions

January 11, 2021

New additions

  • Added new List Containers category to the Application UI package with 7 examples
  • Added new Dividers category to the Application UI package with 8 examples
  • Added 1 new Home Screen page example to the Application UI package
  • Added 2 new Stacked List examples to the Application UI package
  • Added 1 new Grid List example to the Application UI package
  • Added 1 new Page Heading example to the Application UI package
  • Added 1 new Stacked Layout application shell example to the Application UI package

December 18, 2020

New additions

November 1, 2020

New additions

October 2, 2020

New additions

August 19, 2020

New additions

  • Added new Team Sections category to the Marketing package with 8 examples
  • Added new Section Headings category to the Application UI package with 9 examples
  • Added new Steps category to the Application UI package with 7 examples
  • Added 5 new Slide-Over examples to the Application UI package

July 31, 2020

New additions

July 20, 2020

New additions

July 3, 2020

New additions

  • Added new Grid Lists category to the Application UI package, with 3 examples
  • Added three new Hero Section examples to the Marketing package

June 19, 2020

New additions

  • Added new Slide-Overs category to the Application UI package, with 6 examples

June 9, 2020

New additions

  • Added new Select Menus category to the Application UI package, with 6 examples

May 6, 2020

New additions

  • Added new Headers category to the Marketing package, with 4 examples
  • Added new Flyout Menus category to the Marketing package, with 6 examples

April 7, 2020

New additions

March 25, 2020

New additions

Accessibility improvements

We started working with an accessibility consultant this week who has been going through our early access components and making sure we're following all best practices.

March 6, 2020

New additions

  • Added new Action Panels category, with 8 components to start
  • Added new Layout Containers category, with 4 components to start
  • Added new Layout Panels category, with 10 components to start
  • Added two new Form Layout examples (two-column cards with separate submit actions and two-column in full-width cards)
  • Added a new "Three-tier with emphasized tier" pricing section example
  • Added Marketing Banners, with 4 components (we had these done on day one but they've been accidentally invisible the whole time due to a configuration typo! Derp.)
  • Fixed focus/active styles for buttons in Page Headings and Card Headings (these were slightly inconsistent with the button styles we use elsewhere in Tailwind UI)
  • Tweaked padding on footer of Modal with gray footer component (we had used py-4 initially but py-3 is more consistent)
  • We had dd and dt elements backwards on our description list components 🤦🏻‍♂️ We've fixed that now!