Tailwind Weekly #85: the long-awaited v3.1 is out folks πŸš€

Hello folks!

v3.1 was just released a few days ago and it's packed with small but powerful improvements. I'm pretty excited about the "Arbitrary Variants" feature, I think it will be a game-changer for more complex sites. Check out the news section for more details!

Now onto our usual content πŸ˜‰.

⭐ We're thinking of adding job postings in future issues so if you're looking for talented Tailwind CSS developers, here's the info.

🌟 News

With v3.1 being out, Adam recorded a video showing the highlights and it's hilarious πŸ˜‚, but be sure to check the official blog post for more details on the release.

On the community side, we got a few goodies!

Shruti, known for her youtube videos about Tailwind CSS, tweeted a very cool idea, a Tailwind Conference!

Then she had the following exchange with Adam:

I think a Tailwind CSS conference would be pretty exciting! If you have an idea for a talk, be sure to reply to the thread and let Adam know, maybe we can convince him 🀩.

On another note, Maizzle just hit v4.0! Maizzle is basically Tailwind CSS for emails, and with this new update, it now supports Tailwind 3.0 and added some cool features like new variants for targeting specific email clients.

🀩 Sponsors

The sponsor of this issue is the DevTools for Tailwind CSS browser extension. The DevTools for Tailwind bring back designing and debugging in your browser. Intellisense autocompletion, full JIT engine support in minified production sites, and more. Get a 20% discount if you use the code TAILWIND-WEEKLY during the checkout.

We convert your design to Tailwind CSS. Focus on your business logic. Leave the markup code in our capable hands. Just fill out our 3-minute questionnaire and get a quote in 24 hours.

πŸ“š Learning

Another video for you! This one is about setting up Tailwind on the popular static site generator Astro. Astro has been getting some traction recently because, while it embraces popular JS frameworks, it also focuses a lot on generating fast websites with clean markup.

CSS Grids Simplified

Another goodie from Shruti, this one is a course on Laracasts about CSS grids. If you still feel a bit intimidated while working with CSS grid then this video series will be great for you. Even though it doesn't use Tailwind, a lot of the concepts can be replicated with Tailwind CSS utility classes. Β 

πŸ’… Showcase


This week's showcase is Hyperdoc's landing page. I have to say that this homepage is gorgeous 😍.

Even though it uses a common font for Tailwind websites (Inter) they really made it shine with the different colors and weights. And its use of beautiful gradients and elegant shadows make for an incredible combination.

🎁 Resource


Gust is a WordPress Theme starter made with Tailwind CSS. Even tho it's a paid product I think it has some great features that justify it. It has Woocommerce support, is speed optimized, and offers a library of components and templates you can use out of the box.

Note: Some of these links are affiliate links, which means I get compensated in some way if you buy through them but I promise I only recommend products I really like!

Polypane is a great tool for testing your project’s responsive design and accessibility. The best thing about it is that it helps me catch visual bugs in seconds rather than hours. Definitely worth the money for the time I have saved.

I highly recommend LambdaTest as your cross-browser testing tool, with it you can test on IE11, Safari, and most mobile browsers, it also has a very easy-to-use interface, it’s very fast, and they have a lot of automated testing features too. You can use the coupon code TAILWIND15 for 15% off the annual plan.

There's a reason over 2.6 million people start their day with Morning Brew β€” the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be dry and dense...make your mornings more enjoyable, for free.

If you want the latest crypto news but you don't want it to be dry and confusing, join the 60,000 people who read the CoinSnacks weekly newsletter for free every week. It’s what you need to know… without the fluff.

✌️ Partners

This Week In React: the best of React & React-Native news. Sebastien filters the noise, and you save time!

TypeScript Weekly: the best TypeScript links every week, right in your inbox.

ES.next News: learn about the latest in JavaScript and cross-platform tools

Want to share something with the TailwindCSS community? You can submit a link or message me on Twitter @vivgui.

Want to support the newsletter? You can buy me a coffee with the link below 😁.

Stay up to date with the Tailwind CSS ecosystem


Join other subscribers today.