File: blog.md | Updated: 11/15/2025
βKCtrlΒ KDocs Blog Showcase Sponsor Plus
All the latest Tailwind CSS news, straight from the team.
Subscribe
July 25, 2025
July 25, 2025
Vanilla JavaScript support for Tailwind Plus
There are a lot of UI blocks in Tailwind Plus that need JavaScript to really be useful, like dialogs, dropdowns, command palettes, and more. And unless you're a React or Vue user, using those UI blocks has always meant writing all of that tricky JavaScript yourself. Well today that finally changes β every UI block in Tailwind Plus is now fully functional, accessible, and interactive, including the plain HTML examples.
May 14, 2025
May 14, 2025
Compass: A starter kit for online courses
I've been itching to get back into screencasting and teaching lately, and the natural first step was to build our own course platform. So we just released Compass , a Next.js starter kit for publishing your own online course.
April 3, 2025
April 3, 2025
Tailwind CSS v4.1: Text shadows, masks, and tons more
I wasn't sure it would ever happen but we did it β we released a version of Tailwind CSS that includes text shadow utilities. Tailwind CSS v4.1 is here and it's packed with improvements that will help you (or your LLM, you coward) build even better interactive experiences.
March 4, 2025
March 4, 2025
Tailwind UI is now Tailwind Plus
We just shipped a huge rebrand project, turning what was previously known as Tailwind UI into Tailwind Plus. Tailwind Plus is the all same high-quality resources you know from Tailwind UI, but with all-new possibilities and potential.
January 22, 2025
January 22, 2025
We just released Tailwind CSS v4.0 β an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.
November 21, 2024
November 21, 2024
About eight months ago we open-sourced our progress on Tailwind CSS v4.0. Hundreds of hours of fixing bugs, soul-crushing backward compatibility work, and troubleshooting Windows CI failures later, I'm excited to finally tag the first public beta release.
September 12, 2024
September 12, 2024
Radiant: A beautiful new marketing site template
Over the past couple of months weβve been working away at a new SaaS marketing site template for Tailwind UI. It's called Radiant , and you can start using it today.
June 21, 2024
June 21, 2024
Headless UI v2.1: Simplified transition API and improved multi-dialog support
We just released Headless UI v2.1 for React, which dramatically simplifies our transition APIs and adds support for rendering multiple dialogs as siblings.
May 31, 2024
May 31, 2024
Automatically clean up whitespace and duplicate class names
We just released a new version of `prettier-plugin-tailwindcss` which adds support for removing unnecessary whitespace and duplicate classes when sorting.
May 24, 2024
May 24, 2024
Catalyst: Application layouts, navigation menus, description lists, and more
We just published the first major update to Catalyst since releasing the development preview, with two new application layouts, navbar and sidebar components, description lists, and more.
May 7, 2024
May 7, 2024
Nothing beats actually building something real with your own tools when it comes to finding ways to make things better. As we've been working on Catalyst these last several months, we've been making dozens of improvements to Headless UI that let you write even less code, and make the developer experience even better.
March 19, 2024
March 19, 2024
We're hiring a Design Engineer + Staff Engineer
We're hiring a Design Engineer and Staff Software Engineer to work on some ambitious new projects with us. Both roles are fully remote, with a salary of $275,000 USD.
March 6, 2024
March 6, 2024
Open-sourcing our progress on Tailwind CSS v4.0
Last summer at Tailwind Connect I shared a preview of Oxide β a new high-performance engine for Tailwind CSS that we've been working on, designed to simplify the developer experience and take advantage of how the web platform has evolved since Tailwind was first released.
December 20, 2023
December 20, 2023
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.
December 19, 2023
December 19, 2023
Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more
There's nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on some of that inspiration and turned it into this β Tailwind CSS v3.4.
December 18, 2023
December 18, 2023
Heroicons Micro: What are these, icons for ants?
We just released Heroicons v2.1 which includes a brand new micro style β a full set of almost three hundred 16Γ16 icons designed for tighter, higher density UIs.
August 7, 2023
August 7, 2023
Meet Studio: Our beautiful new agency site template
We just released Studio β a beautiful new agency website template we've been working on for the last couple of months for Tailwind UI.
July 19, 2023
July 19, 2023
Tailwind Connect 2023: Recap of our first in-person event
Last month, over 200 people got together in my hometown of Cambridge, Ontario to hang out, talk shop, and get a peek behind the curtain at some of the new stuff we've been working on.
April 24, 2023
April 24, 2023
New changelog template + the biggest Tailwind UI update ever
Over the last four months we've probably done more work on Tailwind UI than we ever have, and having finally wrapped up what we set out to achieve I'm excited to lay it all out for you.
March 28, 2023
March 28, 2023
Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more
Tailwind CSS v3.3 is here β bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.
December 15, 2022
December 15, 2022
Protocol: A beautiful starting point for your next API documentation site
It's been months in the making but I'm excited to finally release our next website template β Protocol , a beautiful starter kit for building amazing API reference websites.
October 19, 2022
October 19, 2022
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".
September 9, 2022
September 9, 2022
We built you a new personal website + Heroicons v2.0, Headless UI v1.7, and more
We just released a stunning new personal website template for Tailwind UI, redesigned Heroicons from scratch, tagged a new version of Headless UI with some exciting new features, and more.
August 19, 2022
August 19, 2022
New Tailwind CSS + Framer Motion template and Tailwind Jobs
All about the brand new Tailwind UI template we just shipped, the official Tailwind CSS job board, and a bunch of new projects coming out in the next few weeks.
June 23, 2022
June 23, 2022
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 and producing fantastic screencasts.
June 7, 2022
June 7, 2022
Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts!
It's been about six months since we released Tailwind CSS v3.0 , and even though we've been collecting a lot of little improvements in the codebase since then, we just didn't have that-one-feature yet that makes you say_"okay, it's release-cuttin' time"_.
May 27, 2022
May 27, 2022
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. So put your swim suit on, sit back in your lounge chair, and prepare to soak up some vitamin CSS.
February 24, 2022
February 24, 2022
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.
January 24, 2022
January 24, 2022
Automatic Class Sorting with Prettier
People have been talking about the best way to sort your utility classes in Tailwind projects for at least four years . Today we're excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind CSS.
December 17, 2021
December 17, 2021
Effortless Typography, Even in Dark Mode
Today we're announcing the next version of the Tailwind CSS Typography plugin , which brings easy dark mode support, a brand new customization API, and the `not-prose` class I wasn't sure we'd ever figure out how to support.
December 16, 2021
December 16, 2021
Standalone CLI: Use Tailwind CSS without Node.js
Tailwind CSS is written in JavaScript and distributed as an npm package, which means you've always had to have Node.js and npm installed to use it. Today we're announcing a new standalone CLI build that gives you the full power of Tailwind CLI in a self-contained executable β no Node.js or npm required.
December 9, 2021
December 9, 2021
Tailwind CSS v3.0 is here β bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.
August 11, 2021
August 11, 2021
Introducing Tailwind UI Ecommerce
Almost 6 months in the making, we finally released Tailwind UI Ecommerce β the first all-new component kit for Tailwind UI since the initial launch back in February 2020.
July 29, 2021
July 29, 2021
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.
June 17, 2021
June 17, 2021
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!
April 14, 2021
April 14, 2021
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.
April 14, 2021
April 14, 2021
Last fall we announced Headless UI , a library of completely unstyled, fully accessible UI components, designed to pair perfectly with Tailwind CSS. Today weβre super excited to release Headless UI v1.0 , which more than doubles the amount of included components for both React and Vue.
April 5, 2021
April 5, 2021
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.
March 29, 2021
March 29, 2021
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. Today we're excited to finally release Heroicons v1.0, which includes over 450+ free icons in two styles, official React and Vue libraries, and Figma assets.
March 15, 2021
March 15, 2021
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.
March 8, 2021
March 8, 2021
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.
February 16, 2021
February 16, 2021
"Tailwind CSS: From Zero to Production" on YouTube
Today we're excited to release Tailwind CSS: From Zero to Production , a new screencast series that teaches you everything you need to know to get up and running with Tailwind CSS v2.0 from scratch.
February 1, 2021
February 1, 2021
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.
January 24, 2021
January 24, 2021
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.
It looks totally amazing β until you connect it your actual production content and realize that your beautiful grid of blog cards falls apart because, of course, real article excerpts aren't all magically exactly three lines long, and now each card is a different height.
Sound familiar? If so, the line-clamp plugin is here to save your bacon.
November 18, 2020
November 18, 2020
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.
October 13, 2020
October 13, 2020
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!
October 7, 2020
October 7, 2020
To get the most out of Tailwind, you need a build step. It's the only way to be able to customize your tailwind.config.js file, extract components with @apply , or include plugins .
October 6, 2020
October 6, 2020
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.
September 23, 2020
September 23, 2020
"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.
September 4, 2020
September 4, 2020
Tailwind CSS v1.8 is now available with a handful of new utilities, a couple new features, and an exciting new experiment!
August 27, 2020
August 27, 2020
Utility-Friendly Transitions with @tailwindui/react
Back in February we released Tailwind UI , a directory of HTML component examples designed for you to copy and paste into your Tailwind projects as a starting point for your own designs.
August 25, 2020
August 25, 2020
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.
August 18, 2020
August 18, 2020
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!
August 10, 2020
August 10, 2020
From Nine Hundred to One: How We Hired Robin Malfait
Back in May we published our first job posting to help us find a full-stack developer to join our team. After receiving almost 900 applications and interviewing dozens of talented people, we're excited to finally share that Robin Malfait accepted our offer for the position and is officially part of the Tailwind Labs team as of today!
July 28, 2020
July 28, 2020
It's like Tailwind CSS v1.5 except now there's animation support, overscroll utilities, and more!
July 19, 2020
July 19, 2020
Simon Vrachliotis Joins Tailwind Labs
Today we are super excited to share that Simon Vrachliotis has joined the development team at Tailwind Labs! (We just finalized that new business name by the way, pretty cool right?)
July 18, 2020
July 18, 2020
Welcoming Brad Cornes to the Team
Back in June, Brad Cornes joined our company as our very first team member. We didn't have a blog to announce it back then, but better late than never right?
July 15, 2020
July 15, 2020
I was hoping to save v1.5.0 for something really exciting but we needed a new feature to support the new @tailwindcss/typography
plugin so h*ck it, we're dropping some new stuff on you early.
July 13, 2020
July 13, 2020
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.
That's why today we're excited to release @tailwindcss/typography
β a plugin that lets you easily style vanilla HTML content with beautiful typographic defaults.
June 30, 2020
June 30, 2020
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.
June 23, 2020
June 23, 2020
Introducing linting for Tailwind CSS IntelliSense
Today weβre releasing a new version of the Tailwind CSS IntelliSense extension for Visual Studio Code that adds Tailwind-specific linting to both your CSS and your markup.
Copyright © 2025 Tailwind Labs Inc.·Trademark Policy
Directory listing - 61 item(s) total (page 4 of 5)