> ## 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 #10: First Tailwind UI Update 🤩
- URL: https://tailwindweekly.com/issue-10/
- Published: 2020-03-07T04:00:00.000Z
- Updated: 2025-10-03T09:05:20.000Z
- Author: Vivian Guillen

Hello folks! More than a week has passed since the launch of Tailwind UI and we now have our first update and a public roadmap of future components 🚀. Courtesy of Friday’s email from Adam.

We also, as usual, have our pick of showcase sites, tutorials and resources fresh for you. Enjoy 🎉.

## 🌟News

### [We now have an official Tailwind UI Roadmap!](https://trello.com/b/Nh6e9w8Q/tailwind-ui-roadmap?ref=tailwindweekly.com)

This is a Trello board that lists what Adam and Steve have planned in the pipeline. Right now it just includes all of the “coming soon” categories we’ve seen at TailwindUI.com, but they’ll be adding new stuff based on suggestions all the time.

### [First Tailwind UI Update! Here's the change-log:](https://www.notion.so/Tailwind-UI-Changelog-3698ab7cba254cd2bbcbcc30d132651d?ref=tailwindweekly.ongloat.com)

**New additions**

- Added new [Action Panels](https://tailwindcss.com/plus/ui-blocks/application-ui/forms/action-panels?ref=tailwindweekly.com) category, with 8 components to start
- Added new [Layout Containers](https://tailwindcss.com/plus/ui-blocks/application-ui/layout/containers?ref=tailwindweekly.com) category, with 4 components to start
- Added new [Layout Panels](https://tailwindcss.com/plus/ui-blocks/application-ui/layout/cards?ref=tailwindweekly.com) category, with 10 components to start
- Added two new [Form Layout](https://tailwindcss.com/plus/ui-blocks/application-ui/forms/form-layouts?ref=tailwindweekly.com) examples *(two-column cards with separate submit actions and two-column in full-width cards)*
- Added a new [“Three-tier with emphasized tier”](https://tailwindcss.com/plus/ui-blocks/marketing/sections/pricing?ref=tailwindweekly.com#component-d91bc5ed1deb87275decb69f70274650) pricing section example

**Fixes**

- Fixed focus/active styles for buttons in [Page Headings](https://tailwindcss.com/plus/ui-blocks/application-ui/headings/page-headings?ref=tailwindweekly.com) and [Card Headings](https://tailwindcss.com/plus/ui-blocks/application-ui/headings/card-headings?ref=tailwindweekly.com) *(these were slightly inconsistent with the button styles we use elsewhere in Tailwind UI)*
- Tweak padding on footer of [Modal with gray footer](https://tailwindcss.com/plus/ui-blocks/application-ui/overlays/modal-dialogs?ref=tailwindweekly.com#component-47a5888a08838ad98779d50878d359b3) component *(we had used py-4 initially but py-3 is more consistent)*

### [tailwindui/issues](https://github.com/tailwindui/issues/issues?ref=tailwindweekly.com)

Are you a current Tailwind UI customer and you found a bug? Now you can report it in this repo. This is the official place for tracking bug fixes and feature requests for Tailwind UI.

## 📚Tutorial of the week

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5e614ce1-7392-4b57-bc30-39f6274f162f/image-102.png?t=1738083354)

### [Building my site with Tailwind CSS by Samantha Ming](https://www.samanthaming.com/blog/building-my-new-site-with-tailwind/?ref=tailwindweekly.com)

We have another tailwind convert! I have been following Samantha for a while now ever since she blogged about migrating her blog from Wordpress. I like her clear writing style and humor, this post is a good example of that.

I really appreciate the fair way she judged tailwind and saw the challenges she had with tailwind as fair since I had have those same issues on my own projects.

[www.samanthaming.com](https://www.samanthaming.com/blog/building-my-new-site-with-tailwind/?ref=tailwindweekly.com)

## 💅Showcase of the week

### [KudosBot: Recognize your best employees directly in Slack. Boost your team culture.](https://trykarl.com/?ref=tailwindweekly.com)

No, I swear I’m not explicitly looking for sites with big bold yellow colors, this was a mere *coincidence* 😝. This week’s showcase is a Slack bot site, the site is simple, minimalistic and to the point. Like a sweet treat 🍬.

Here’s what KudosBot is about:

*KudosBot is a way to add more positivity to your team. Gather praise and reward people that go above and beyond directly in Slack.*

[kudosbot.com](https://kudosbot.com/?ref=tailwindweekly.com)

## 🎁Resource of the week

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/9f0be9db-426e-41ec-b8ae-e922139bc042/image-103.png?t=1738083354)

### [react-native-tailwindcss: A react-native style system based on TailwindCSS](https://github.com/TVke/react-native-tailwindcss?ref=tailwindweekly.com)

This week’s resource comes courtesy of [@reinink](https://twitter.com/reinink/status/1235187145943506945?ref=tailwindweekly.com). He’s one of tailwindcss’s creators and he’s currently making a react native app with this package so it looks like its meeting his standards!

Be sure to thank [TVke](https://github.com/TVke?ref=tailwindweekly.com) for making it and spread the love ❤️.

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/3b5a71d5-ca05-4839-a928-70d0362147de/coffee.png?t=1738083354)