> ## Content Index
> Fetch the complete content index at: https://tailwindweekly.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Tailwind Weekly #12: Aaaaand... we're back 🌟!
- URL: https://tailwindweekly.com/issue-12/
- Published: 2020-04-18T03:00:00.000Z
- Updated: 2025-10-03T08:58:37.000Z
- Author: Vivian Guillen

Hello folks, we’re back!

Long story short, when the whole apocalyptic March thing started happening I somehow got writer’s block and decided to take a break from the newsletter to reset. After some weeks of rest and lots of TLC time I’m back as good as new 😎.

Now, onto our regular programming…

## 🌟News

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4cffdb6d-37eb-44b2-a0db-7c56761c228f/image-97.png?t=1738083352)

### [Integrating Tailwind UI with JavaScript](https://gist.github.com/adamwathan/06faa4e9ee1571d3eb47cc0349b965cd?ref=tailwindweekly.com)

Some folks were a bit taken aback by the decision to use to use AlpineJS for the interactive demos and lots of them were requesting instructions on how to convert it to Vue/React/Angular.

Well, our BDFL saw our struggle and did just that, this new gist document outlines a format on how the Tailwind UI team will be will be giving instructions on how to make the HTML/CSS elements be more dynamic. If you’re a TUI customer then you definitely need to read it!

### [Tailwind UI Changelog - April 7th](https://www.notion.so/Tailwind-UI-Changelog-3698ab7cba254cd2bbcbcc30d132651d?ref=tailwindweekly.ongloat.com)

We also got new components on Tailwind UI, check it out:

**New additions**

- Added new [Alerts](https://tailwindui.com/components/application-ui/feedback/alerts?ref=tailwindweekly.com) category to the Application UI package, with 6 examples
- Added new [Contact Sections](https://tailwindui.com/components/marketing/sections/contact-sections?ref=tailwindweekly.com) category to the Marketing package, with 6 examples

**Tweaks and fixes**

- Fixed border color above profile section in sidebar of [Branded Nav with Compact White Page Header](https://tailwindui.com/components/application-ui/application-shells/stacked?ref=tailwindweekly.com) stacked layout (from border-gray-700 to border-indigo-800)

### Overheard on twitter

> Jumping back on a projcet I've not touched in a couple of months. So glad I used [@tailwindcss](https://twitter.com/tailwindcss?ref%5Fsrc=twsrc%5Etfw&ref=tailwindweekly.ongloat.com) \- I don't have to decipher all the poor naming decisions I would have made months ago - just open the docs and I'm instantly productive. Thanks [@adamwathan](https://twitter.com/adamwathan?ref%5Fsrc=twsrc%5Etfw&ref=tailwindweekly.ongloat.com)— Dan Christian Duncan (@danchristians) [March 21, 2020](https://twitter.com/danchristians/status/1241318533952344064?ref%5Fsrc=twsrc%5Etfw&ref=tailwindweekly.ongloat.com) 

I feel you Dan, I dusted off an old Tailwind v0.7 project recently and almost everything was the same, gotta love the consistency ❤️.

## 📚Tutorial of the week

### [Adding TailwindCSS to RedwoodJS](https://mdv.io/tailwindcss-in-redwoodjs/?ref=tailwindweekly.com)

If you haven’t lived under a rock for the past month then you probably heard that [RedwoodJS](https://redwoodjs.com/?ref=tailwindweekly.com) is all the rage these days. Even through the project is still in alpha, the folks in the cutting edge are already playing with it and adapting it to their workflows and thus this article was born, with it you’ll learn how to add Tailwind to a Redwood project.

## 💅Showcase of the week

### [PilotMail - Email Test Tool and Email Builder](https://www.pilotmail.io/?ref=tailwindweekly.com)

This week’s showcase is a prime example on how you can make your SaaS’ landing page modern, playful and very good looking using Tailwind and some basic design notions. Wouldn’t surprise me if the dev read Refactoring UI while coding it. Also, love the orange tint!

Here’s what PilotMail offers:

*Build awesome HTML emails and test them easily on real email clients before sending with PilotMail.*

## 🎁Resource of the week

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7cc44be9-1976-471a-8f34-646dff6b5a2f/image-98.png?t=1738083353)

### [Heroicons Directory - Open source icons by the Tailwind CSS team](https://heroicons.dev/?ref=tailwindweekly.ongloat.com)

You probably have heard of Heroicons, they’re an icon set that was included when you bought the Refactoring UI book. Well now the icons were made open source and added to GitHub. But this site takes it to a new level, adding search and auto copying on click, which is *really* handy when you’re coding. Be sure to thank [Zaydek](https://github.com/codex-zaydek?ref=tailwindweekly.com) for creating the site!

Want to share something with the TailwindCSS community? You can [submit a link](https://tailwindweekly.link/submit?ref=tailwindweekly.ongloat.com) or message me on Twitter [@vivgui](https://twitter.com/vivgui?ref=tailwindweekly.ongloat.com).

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

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1c0db575-b989-4fda-9826-483e72062ecc/coffee.png?t=1738083353)