Stay up to date with all of the latest additions and improvements we've made to Tailwind UI.
Today we're pumped to announce the launch of our new Spotlight template, a personal website so nice you'll actually be inspired to publish on it.
Built with Tailwind CSS and Next.js, it includes everything you need to get a personal website up-and-running, including a blog, projects page, dark mode, and more. And as always, it's been designed and built by the Tailwind CSS team.
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.
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.
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 adds over 100 new components across 14 new component categories and 7 new page example categories:
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.
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.
node_modulesfolder where we can make improvements and fix bugs on your behalf, without you ever having to change your own code.
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.
flex-shrink-0on Toggle components
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.
aria-labelattribute to icon-only buttons in Stacked Layouts (like
aria-label="Notifications"on the bell buttons)
py-3is more consistent)
dtelements backwards on our description list components — we've fixed that now!