Tailwind Weekly #53: TailwindCSS v2.2 is on the horizon!

Hello folks!

TailwindCSS is so close we can taste it! If you want to look at the upcoming stuff we got a video for you in the news section. Lots of new features coming!

And as always, we have the usual list of useful links for you ๐Ÿ˜.

๐ŸŒŸ News

TailwindCSS v2.2 is on the horizon but if you want to play around with the latest unfinished features then I got a video for you! It basically shows you how to start using the canary version and showcases some of the upcoming stuff, which is wild!

๐Ÿคฉ 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

A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors

Now that weโ€™re getting support for every pseudo-selector in JIT mode I think this article will come in handy if you want to learn more about what some of the newer selectors do. As always Stephanie delivers a concise and easy-to-read article, definitely a great read!

๐Ÿ’… Showcase

Helpninja - Simple and affordable helpdesk pricing

Helpninjaโ€™s is a great example of how using clean typography, subtle colors, and screenshots as a main piece of content can create an aesthetically pleasing website. If you have a product and want to go the simple route for your marketing page, Helpninja is a good source of inspiration.

For the curious:

HelpNinja was created for small businesses that need a simple helpdesk system with affordable pricing.

๐ŸŽ Resource


This plugin does just one thing but does it very well, it creates content placeholders that are great to use when you want to animate the loading of your content. Check the demo and youโ€™ll see exactly what I mean. Best part? It has a ton of options to customize it.

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 newest template, Masterclass! Masterclass is a premium template with a beautiful design, tailored specifically for online courses but can be used for digital products in general. We also have a portfolio, business, blog, and 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.