> ## 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 #71: new prettier plugin for automatic class sorting + more!
- URL: https://tailwindweekly.com/issue-71/
- Published: 2022-02-05T04:00:00.000Z
- Updated: 2025-09-25T09:03:39.000Z
- Author: Vivian Guillen

Hello folks!

We got a new tooling announcement this week that got me very excited! I have been dying to find a way to automatically sort my tailwind classes for a while now and the Tailwind Labs team delivered a great solution, [a prettier plugin](https://x.com/tailwindcss/status/1485692591484157952?ref=tailwindweekly.ongloat.com)! Check out the news section for more info 😉.

Also, and I must admit I'm VERY guilty 😅, Adam clarified how to write Tailwind CSS properly, check it out:

> Just for the record — it's "Tailwind CSS", not "TailwindCSS".

> It's killing me to keep seeing it without the space 🥵— Adam Wathan (@adamwathan) [February 3, 2022](https://x.com/adamwathan/status/1489245425265692679?ref%5Fsrc=twsrc%5Etfw&ref=tailwindweekly.ongloat.com) 

## 🌟 News

Say hello to the prettier-plugin-tailwindcss plugin, an official Prettier plugin for automatically sorting your Tailwind classes, here's the [blog post](https://tailwindcss.com/blog/automatic-class-sorting-with-prettier?ref=tailwindweekly.ongloat.com) about it.

Even better, we also got a video showcasing how to install it, how to use it and how to format your entire project with it if you want, I'm definitely trying this on a couple of projects this weekend 😄.

## 📚 Learning

![](https://tailwindweekly.com/content/images/2025/09/og-make-beautiful-gradients.jpg)

### [Make Beautiful Gradients](https://www.joshwcomeau.com/css/make-beautiful-gradients/?ref=tailwindweekly.ongloat.com)

I know I know, I have been posting a lot of articles from Josh lately but they're so freakin good! This one is about *what* makes a good gradient and how to *properly* create them using CSS. It also touches on some topics about color and color formats, definitely a great read!

## 💅 Showcase

![](https://tailwindweekly.com/content/images/2025/09/socialcard-1.jpg)

### [Laracon Online](https://laracon.net/?ref=tailwindweekly.ongloat.com)

This year's Laracon Online website is made by Tailwind CSS and it has quite a unique design! Lots of bright colors on a dark background and illustrations that kind of remind me of Rick and Morty characters, also that mini-game at the end of the page is hilarious 😂.

## 🎁 Resource

![](https://tailwindweekly.com/content/images/2025/09/og-alwane.jpg)

### [Alwane - Extract/Regroup/Order Colors from any Website](https://alwane.io/?ref=tailwindweekly.ongloat.com)

If you like CSS and colors then I think you'll love this tool. It extracts all the colors from any URL you give it and then formats them nicely to use as CSS properties. With a bit of editing, you could format that code to use the colors inside your Tailwind config. Definitely a great tool to have in your arsenal!

## 👌 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](https://redpixelthemes.com/blog/rebranding/?ref=tailwindweekly.ongloat.com) about the move. Our templates stay the same. We have [portfolio](https://redpixelthemes.com/templates/atom/?ref=tailwindweekly.ongloat.com), [business](https://redpixelthemes.com/templates/thompson/?ref=tailwindweekly.ongloat.com), [blog](https://redpixelthemes.com/templates/atlas/?ref=tailwindweekly.ongloat.com), and [e-commerce](https://redpixelthemes.com/templates/elyssi/?ref=tailwindweekly.ongloat.com) templates if you’re interested.

---

[**This Week In React**](https://www.getrevue.co/profile/thisweekinreact?ref=tailwindweekly.ongloat.com): the best of React & React-Native news. Sebastien filters the noise, and you save time!

---

I highly recommend [LambdaTest](https://tailwindweekly.link/lambdatest?ref=tailwindweekly.ongloat.com) 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 coupon code “TAILWIND15” for 15% off the annual plan.

---

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://x.com/vivgui?ref=tailwindweekly.ongloat.com).

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

![](https://tailwindweekly.com/content/images/2025/09/coffee-19.jpg)