Tailwind Weekly #51: More new videos and a new sponsor!

Hello folks!

We got 2 new videos and some exciting news for Tailwind Play. I must say, the “What’s New in Tailwind CSS” video series is a gold mine for people who are both new and old to tailwind and want to learn (with examples!) all the new stuff.

Besides that, we got the usual stuff but I’m also excited to announce we got a new sponsor!

🌟 News

We got 2 new videos this week, one for Mix & Background Blending Utilities and one for Box Decoration Break Utilities. They’re short but they teach you all you need to know to use those utilities.I also wanted to mention the Filters & Backdrop Filters video again, I watched this week and it was just 🤯.On a side note, Tailwind Play finally has JIT support!We also got a new Tailwind UI update! They added:

  • 2 new Pricing Page examples to the Marketing package
  • 2 new Pricing Section examples to the Marketing package
  • 2 new FAQ examples to the Marketing package
  • 1 new Testimonial example to the Marketing package
  • 1 new Header example to the Marketing package

🤩 Sponsor

The sponsor of this issue is Windy – the browser extension that transforms any HTML element into a Tailwind CSS component with a single click. Save hours or days when you convert your non-Tailwind sites to Tailwind or go to any website and see how you can build any element with Tailwind CSS. Get a 20% discount if you use the code TAILWIND-WEEKLY during the checkout.

📚 Learning

Build a Glassmorphic Navbar with TailwindCSS backdrop-filter & backdrop-blur

I find Glassmorphism quite an unique trend, when I first saw it I thought it must be complicated to code sites with it but this week’s tutorial makes it easier than I thought, all thanks to new utilities on v2.1. If you’re into this new trend and love tailwind then you’ll love this article.

💅 Showcase


It’s not every day that you discover a good looking open source project website. Calendso is using Tailwind UI as a base but also added their own touch. Also, I lol'ed at the rickrolling joke 😂.

For the curious, Calendso is:

The Open Source Calendly Alternative. Self-hosted or hosted by us. White-label by design. API-driven and ready to be deployed on your own domain. You are in control of your events and data.

🎁 Resource


This week’s resource is from my friend @mike_andreuzza. We’re big proponents of buying Tailwind UI as a way to support TailwindCSS’ development but if you want components with a different look and feel and still made with Tailwind then Wickedblocks is definitely something you should check out.

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!

At Tailwind Made, we launched our first free template, Atom! Atom is also our first portfolio template, perfect for that personal website you wanted to launch, especially if you’re job hunting! We also have a legal/business, personal blog, and an e-commerce template if you’re interested.

Polypane is a great tool for testing your project’s responsive design and accessibility. I use this daily for my frontend work and its 👌. If you sign up using this link you’ll get 20% off your subscription applied at checkout.

From the makers of Windy, comes Tint, the color picker for TailwindCSS developers. But it’s not like any other color picker out there, no sir, this thing automatically takes the color of whatever you have your cursor on and translates it to the nearest Tailwind CSS color. It’s macOS for now and supports Tailwind v1, v2 and v2 extended color palettes.

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.