Tailwind Weekly #70: TailwindCSS just broke 2 MILLION downloads + a new video on how to upgrade to v3!

Hello folks!

Tailwind hit a huge milestone this week, it just broke 2 MILLION downloads per week, that's insane 🤯. I still remember the days when all we had was a just JSON file with all the default values and comments everywhere 😄, Tailwind sure has come a long way!

On another note, I think you'll all love our new sponsor, I spent most of the week testing it before launch, and it's 👌.

Now, onto the usual 😉.

🌟 News

Besides the big 2 million milestone I mentioned above, we got another treat for you. Simon blessed us with another awesome video, this time about upgrading to TailwindCSS v3. I know we already have the official docs but the video shows you some great examples of what to take into account when upgrading and makes it very painless. It's just 15m so you should definitely watch it.

🤩 Sponsor

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.

Polypane is a great tool for testing your project’s responsive design and accessibility. I use this daily for my frontend work and its 👌. Sign up and use coupon code "tailwindweekly20" to get 20% off your subscription.

📚 Learning

How to use TailwindCSS 3.0 without external NPM scripts, just Hugo pipes

I'm a huge fan of Hugo, it was the first static site generator I ever tried and because of its speed, I was hooked. Hugo pipes is a very cool feature that lets you do assets processing without external scripts so you would have very few dependencies.

Like the title says, this article shows you how you can use Tailwind 3 with just Hugo pipes. I must admit it's pretty niche but it definitely shows you the power and flexibility of Hugo. I think at the very least it can broaden one's horizon 🙂.  

💅 Showcase

Christina Lane

With TailwindCSS just getting better and better, you literally can build any site you want, and this week's showcase is a prime example of that. It's an author's website and with its very black and white colors (which remind me about the pages of a book) and serif typography, it shows. The subtle hover animations give it a very nice touch.

🎁 Resource

Charts.css

If you have dealt with charts before you know there are TONs of libraries out there, but the majority of them are JS-based. But what if you could do charts with CSS? This week's resource can help you do just that. Of course, they're pretty simple charts, but why import a heavy JS library if you just want a chart or two? Definitely worth a look!

👌 Promoted links

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!

We rebranded! Tailwind Made is now Red Pixel Themes 🥳! Check out our official blog post about the move. Our templates stay the same. We have portfolio, business, blog, and e-commerce templates if you’re interested.

Inspect Flow - The complete developer tool for Tailwind CSS. 50% off sale: inspectflow.io

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

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 😁.