Stay up to date with all of the latest additions and improvements we've made to Tailwind UI.
We've been busy the last few weeks working on a big batch of fresh marketing components for Tailwind UI, including tons of new hero sections, feature sections, CTAs, and more.
We also spent a bunch of time going through the examples that were already there and gave them a bit of polish — we were pleasantly surprised to discover that yes, we actually have gotten better at design since we released some of these components almost three years ago.
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 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_modules
folder 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.
border-gray-700
to border-indigo-800
)flex-no-shrink
to flex-shrink-0
on Toggle componentsWe 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-labelledby
and aria-describedby
aria-label
attribute to icon-only buttons in Stacked Layouts (like aria-label="Notifications"
on the bell buttons)py-4
initially but py-3
is more consistent)
dd
and dt
elements backwards on our description list components — we've fixed that now!