Tailwind Weekly #28: Special come back issue!

Hello folks!

After a 2 months hiatus Tailwind Weekly is back 🎉. Starting next week, every Saturday I’ll grace your inbox with the glory of our ecosystem updates and I’ll also be experimenting with new stuff (like adding new sections) in the future. You know, to spice things up.

But this issue is a special one. You see, right when I put Tailwind Weekly on pause, the Tailwind team started moving at the speed of light and launching new stuff on a cadence never seen before! This email is more or less a summary of those updates since the last issue.

I’ll try to keep it short and sweet, starting with…

🌟News

We got 3 new minor versions

V1.7.0 gave us:

• Built-in support for background gradients

• New background-clip utilities

• New feature flagging and deprecation system to use new breaking changes stuff today, that will be native in v2.0

• New gap classes names, set under the removeDeprecatedGapUtilities flag

• New contents display utility

• Default letter-spacing per font-size

• New divide border styles

• + other stuff

V1.8 introduced:

• New font-variant-numeric utilities

• New place-items, place-content, place-self, justify-items, and justify-self utilities

• Dark mode variant (experimental)

• + other stuff

V1.9 released:

• New presets key that makes it possible to configure a custom “base configuration” for your projects.

• New utilities for grid-auto-columns and grid-auto-rows

• New Focus indicator improvements and configurable outlines

• Extended border radius, rotate, and skew scales

• + other stuff

We also got a v2.0 alpha release packed with A LOT of new stuff, be sure to check it out!

Introducing Tailwind Play – Tailwind CSS

Remember tailwind.run? Well, the tailwind team decided to make their own improved version. I highly recommend you watch their promo video, its 🤯.

Here’s the direct link to the playground, have fun!

Headless UI – Unstyled, fully accessible UI components

Remember back in May when Adam demoed a new “renderless” component made with Vue? Well, that idea is now a small but growing library called Headless UI.

As of now they have React and Vue versions but Alpine’s is coming soon and they also made new components like Dropdowns and Toggles.

Tailwind got a new youtube channel

The Tailwind team decided to up their youtube game and it’s definitely paying off, Simon (employee #2) is doing an excellent job and I’m really liking the content so far.

Introducing Heroicons.com

Heroicons, the icons pack made by Tailwind’s Designer Steve, is now an official icons companion for TailwindCSS and has its own website.

So far it’s 226 icons and growing. Definitely a project to keep an eye on in the future.

Last but not least, Tailwind UI Updates!

• New Pricing Pages category with 4 examples

• New Header Sections category with 3 examples

• 4 new Pricing Section examples

• 2 new CTA Section examples

• 3 new FAQ Section examples

• 3 new Feature Section examples

• 2 new Footer Section examples

• 2 new Logo Cloud examples

• New Team Sections category to the Marketing package with 8 examples

• New Section Headings category to the Application UI package with 9 examples

• New Steps category to the Application UI package with 7 examples

• 5 new Slide-Over examples to the Application UI package

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