Stay up to date with all of the latest additions and improvements we've made to Tailwind UI.
All of our Next.js site templates are now available in both JavaScript and TypeScript, so you can choose whichever language is the better fit for you and your team.
When you download a template, you'll find two folders in the zip file — /{template}-js
and /{template}-ts
, each containing the source code for the entire template in the corresponding language.
Each template has been authored with the latest version of TypeScript by nerds who get way too much satisfaction out of getting the types just right, so if TypeScript is your thing, you should find the experience very satisfying.
We've just released Studio, a beautiful new multi-page agency template built with Tailwind CSS and Next.js. This is our largest template to date, and it takes advantage of the new app router in Next.js.
We really sweat the details with this template, like using Framer Motion to tastefully include subtle animations throughout the template, and MDX to make the case study and blog post authoring experience a great one.
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.
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.
We've just released Commit, a beautiful new changelog template built with Tailwind CSS, Next.js, MDX, and a dash of Motion One.
Inspired by plaintext CHANGELOG files, we've built the whole thing in a way that you manage it all from one glorious markdown file — just slap a horizontal rule above your last post and start typing.
If you've been watching closely, you might have noticed a lot of "new" badges all over the marketing category the last few weeks.
We decided it was time to give all of the marketing components a fresh coat of paint, starting with all-new designs for all of the page examples:
We've also updated every individual marketing component category with new designs, including beautiful new pricing sections, testimonials, logo clouds, team sections, stats, and tons more.
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!