Latest Updates

All the latest Tailwind CSS news, straight from the team.

Sign up for our newsletter

Introducing Catalyst: A modern UI kit for React

Today’s the day — we just published the first development preview of Catalyst, our first fully-componentized, batteries-included application UI kit for React, just in time for your holiday hacking sessions.

Date
Read more, Introducing Catalyst: A modern UI kit for React

Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my!

Well it’s that time again! The time where we quickly go from “I really have no idea what we could even add to a new Tailwind release” to “wow, well this is actually a ridiculous amount of new stuff — we better tag a release before things get completely out of hand”.

Date
Read more, Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my!

Tailwind UI: Site templates and all-access

When I was early in my programming career, I loved following thoughtbot. They were always writing interesting programming articles, producing fantastic screencasts, and publishing incredible books. I could tell they really cared about their craft and it inspired the hell out of me.

Date
Read more, Tailwind UI: Site templates and all-access

Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more

It’s been a while since I’ve written about what we’ve been working on so I have a lot to share! Too much honestly — my main motivator for even getting this update out is that we’ve got even more stuff coming next week, and I feel like I’m not allowed to share that stuff until I share all of the stuff we’ve already shipped.

Date
Read more, Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more

Headless UI v1.5: The One With Comboboxes

We just released Headless UI v1.5, which includes a brand new Combobox component. Comboboxes are like select controls but with autocomplete/typeahead functionality, and are a great alternative to a regular select when you’re working with large datasets and want to quickly filter for the right option.

Date
Read more, Headless UI v1.5: The One With Comboboxes

Tailwind CSS v3.0

Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.

Date
Read more, Tailwind CSS v3.0

Headless UI v1.4: The One With Tabs

We just released Headless UI v1.4, which includes a brand new Tab component, and new APIs for manually closing Popover and Disclosure components more easily.

Date
Read more, Headless UI v1.4: The One With Tabs

Tailwind CSS v2.2

Well I can’t say we were really planning on it but over the last few weeks we’ve been having a ton of fun dumping new and exciting features into Tailwind and now feels like the right time to cut a release, so here it is — Tailwind CSS v2.2!

Date
Read more, Tailwind CSS v2.2

Tailwind UI: Now with React + Vue support

Last year we released Tailwind UI — a huge directory of professionally designed UI examples built with Tailwind CSS. Up until now, all of the examples in Tailwind UI have been pure HTML which is sort of the lowest common denominator for all web developers, and makes it possible to adapt them to any templating language or JavaScript framework.

Date
Read more, Tailwind UI: Now with React + Vue support

Headless UI v1.0

Last fall we announced Headless UI, a library of completely unstyled, fully accessible UI components, designed to pair perfectly with Tailwind CSS.

Date
Read more, Headless UI v1.0

Tailwind CSS v2.1

The first new feature update since Tailwind CSS v2.0 is here and loaded with lots of cool stuff! We’ve merged the new JIT engine to core, added first-class support for composable CSS filters, added blending mode utilities, and a bunch more.

Date
Read more, Tailwind CSS v2.1

Heroicons v1.0

Just over a year ago we released the very first version of Heroicons, which is a set of beautiful UI icons we designed alongside Tailwind UI. Since then we’ve added tons of new icons, and designed and launched a dedicated web experience.

Date
Read more, Heroicons v1.0

Just-In-Time: The Next Generation of Tailwind CSS

One of the hardest constraints we’ve had to deal with as we’ve improved Tailwind CSS over the years is the generated file size in development. With enough customizations to your config file, the generated CSS can reach 10mb or more, and there’s only so much CSS that build tools and even the browser itself will comfortably tolerate.

Date
Read more, Just-In-Time: The Next Generation of Tailwind CSS

Welcoming James McDonald to Tailwind Labs

Many years ago I got a message from Steve that said something like “Have I ever shared this guy’s Dribbble profile with you before? Been following him forever, some of my absolute favorite work I’ve ever found”. That person was James McDonald, and today we’re totally over the moon to share that James is joining our team full-time.

Date
Read more, Welcoming James McDonald to Tailwind Labs

Welcoming David Luhr to Tailwind Labs

We started working with David Luhr last summer on a project-by-project basis to help us develop a Figma version of Tailwind UI (almost ready!), as well as to leverage his accessibility expertise when building Tailwind UI templates, ensuring we were following best practices and delivering markup that would work for everyone, no matter what tools they use to browse the web.

Date
Read more, Welcoming David Luhr to Tailwind Labs

Multi-line truncation with @tailwindcss/line-clamp

Imagine you’re implementing a beautiful design you or someone on your team carefully crafted in Figma. You’ve nailed all the different layouts at each breakpoint, perfected the whitespace and typography, and the photography you’re using is really bringing the design to life.

Date
Read more, Multi-line truncation with @tailwindcss/line-clamp

Tailwind CSS v2.0

Almost exactly 18 months ago we released Tailwind CSS v1.0, which signalled a commitment to stability while continuing to push the boundaries with exciting new features in every minor release.

Date
Read more, Tailwind CSS v2.0

Tailwind CSS v1.9.0

We just released Tailwind CSS v1.9 which adds support for configuration presets, useful new CSS grid utilities, extended border radius, rotate, and skew scales, helpful accessibility improvements, and more!

Date
Read more, Tailwind CSS v1.9.0

Headless UI: Unstyled, Accessible UI Components

One of the biggest pain points when building modern web applications is building custom components like select menus, dropdowns, toggles, modals, tabs, radio groups — components that are pretty similar from project to project, but never quite the same.

Date
Read more, Headless UI: Unstyled, Accessible UI Components

"What's new in Tailwind CSS?" on YouTube

A lot of cool stuff has been added to Tailwind since the last time we published any screencasts, so we thought it would be a great idea to record a little series that covers all of the new additions.

Date
Read more, "What's new in Tailwind CSS?" on YouTube

Tailwind CSS v1.8.0

Tailwind CSS v1.8 is now available with a handful of new utilities, a couple new features, and an exciting new experiment!

Date
Read more, Tailwind CSS v1.8.0

Introducing Heroicons.com

A few months back we quietly released Heroicons, a set of free SVG icons we initially designed to support the components in Tailwind UI. Today we’re launching the official Heroicons web experience, which makes it easier than ever to search for icons and quickly copy them to your clipboard as Tailwind-ready HTML or JSX.

Date
Read more, Introducing Heroicons.com

Tailwind CSS v1.7.0

Another new Tailwind release is here! This time with support for gradients, background-clip, experimental support for using @apply with variant utilities, and tons more. Let’s dig in!

Date
Read more, Tailwind CSS v1.7.0

Tailwind CSS v1.6.0

It’s like Tailwind CSS v1.5 except now there’s animation support, overscroll utilities, and more!

Date
Read more, Tailwind CSS v1.6.0

Introducing Tailwind CSS Typography

Until now, trying to style an article, document, or blog post with Tailwind has been a tedious task that required a keen eye for typography and a lot of complex custom CSS.

Date
Read more, Introducing Tailwind CSS Typography

Building the Tailwind Blog with Next.js

One of the things we believe as a team is that everything we make should be sealed with a blog post. Forcing ourselves to write up a short announcement post for every project we work on acts as a built-in quality check, making sure that we never call a project “done” until we feel comfortable telling the world it’s out there.

Date
Read more, Building the Tailwind Blog with Next.js