Tailwind Weekly #83: 100MM downloads milestone, upcoming templates product + more!

Hello folks!

Guess what, Tailwind CSS hit a pretty big milestone last week, it got to 100 MILLION downloads πŸŽ‰ πŸ₯³.

I still remember when I started using Tailwind, back at the v0.5 release, it feels ages ago and the framework has come such a long way, let's hope to get it to 1 billion πŸš€!

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

That's right, we got a preview from Adam about the upcoming new product category for Tailwind UI, web templates! I'm really excited about that one since we'll have no-constraints designs that will be great starting points for all kinds of full-page designs. No more mix and matching snippets, now you'll have the full page design available!

🀩 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

This week I bring you two videos, I usually just feature 1 video or link but these are so good I just had to feature them!

Recently I had a project where accessibility was very important and I had to develop a keyboard accessible accordion component for some FAQs the client wanted to display. Let me tell you, using the details element along with the open modifier you'll learn how to use in this video made everything a lot easier than coding it in JS from scratch. I definitely recommend you check it out for the next time you need to mess around with accordions!

Man, this video gave me so many ideas for adding interactivity to Tailwind UI components, Sam has such a knack for breaking down intimidating concepts and teaching them well. This time he uses the recently released Calendar snippets and makes them interactive for his specific use case. A perfect watch if you regularly adapt Tailwind UI stuff at the functionality level, not just the style level.

πŸ’… Showcase

Jack Sleight

Another personal site! This one is more of a blog and looks very minimal at first glance, but it has some nice tiny interactions, beautiful typography (especially for a tech blog), and great color choices. I particularly love that pink 🎨.

🎁 Resource

tailwind-grid-auto-fit

This one is a great plugin from Shruti. It helps you create a responsive grid layout without using media queries by using auto-fit . Don't know what that is or why it's cool to have it? This article explains it much better than I ever could.

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.

PixelSnap 2 is the fastest tool for measuring anything on your screen. I use it as part of my front-end development workflow to make sure I'm translating screens as close as possible to the design.

Hate using git on the command line? I do too, that's why I use Tower, which is the best git client I have ever used, and trust me, I have tried them all. Tower has helped me stop fearing git and I cannot imagine going back. Yes, it's that good!

✌️ 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

vivian@example.com

Join other subscribers today.