> ## 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 #145: v4 is getting lightning fast and Steve is working on a new icon set 🤩 - URL: https://tailwindweekly.com/issue-145/ - Published: 2024-02-03T00:00:00.000Z - Updated: 2025-09-03T07:13:49.000Z - Author: Vivian Guillen - Tags: #Import 2025-09-20 20:01 Hello folks! This week, we talk about the electrifying progress of Tailwind CSS v4, which promises an incredible speed improvement, and we have a fresh icon set on the horizon. We also celebrate Tailwind CSS reaching the 8 million weekly downloads milestone! Beyond the news, we go through great articles and community showcases, from mastering CSS color-mixing to creative SVG drawing and variable naming. Plus, we showcase a lovely personal site and also feature a cool tailwind tool tailored to Laravel devs. Let's dive in! ## **🌟 News** Here's the rundown from the last two weeks! #### **Work on v4 is still ongoing 🛠️** - Now it's [11 TIMES faster](https://x.com/adamwathan/status/1752750470387409383?ref=tailwindweekly.ongloat.com) than v3 - They're working on a [Vite plugin ](https://x.com/adamwathan/status/1749886772165706239?ref=tailwindweekly.ongloat.com)that, and I quote, "parses classes from the module graph instead of the filesystem", I'm so excited for this one! **We're getting a new icon set 👀** ![](https://tailwindweekly.com/content/images/image-116.jpeg) It seems [Steve is working on a new icon set](https://x.com/steveschoger/status/1750250976169128148?ref=tailwindweekly.ongloat.com) and I love the new duotone design! No ETA yet, but I'll update you on the progress here on the newsletter as soon as I know more. **Tailwind CSS reached 8 MILLION downloads PER WEEK 🥳** ![](https://tailwindweekly.com/content/images/image-117.jpeg) Tailwind just reached a new adoption milestone! Now, it's getting [8 million weekly downloads](https://x.com/reinink/status/1750908487750570233?ref=tailwindweekly.ongloat.com) on NPM. I can't believe it launched just a few years ago, and it keeps getting better and better. ## **📚 Learning** ### **[A deep dive into CSS color-mix()](https://www.youtube.com/watch?v=I9zHX-jSKpA&ref=tailwindweekly.com)** In this video, Kevin explores the new CSS function color-mix(), which allows developers to mix colors directly within CSS without needing preprocessors like Sass. He breaks down the basics of how color-mix() works, including manipulating percentages to achieve desired color blends, the behavior when percentages don't total 100%, and using different color models. If you want to spice up your use of colors on your next project, then you'll lose color-mix(). ### **[Naming Variables In CSS](https://jwdallas.com/posts/namingcssvariables/?ref=tailwindweekly.com)** This piece offers a deep dive into the nuanced practice of naming CSS custom properties. We all know naming things in software is hard, but the author explores casing conventions and recommends a mix of kebab casing and camel casing to keep things clear and consistent. Overall, this is an excellent piece, and it's worth a read. Even if you don't use CSS custom properties, I'm sure you'll like it. ### **[Learn SVG by drawing an arrow](https://blog.shalvah.me/posts/learn-svg-by-drawing-an-arrow?ref=tailwindweekly.com)** This one is a hands-on guide that breaks down how SVG works... by walking you through the basics of drawing an arrow using simple geometry and JavaScript. I loved the example! The author explains the basics of drawing with SVG, from circles and rectangles to more complex paths, with clear examples and some inline styling. The post is super accessible, explaining things like the Cartesian plane in SVG and how to manipulate SVG elements with JavaScript. Plus, there's a neat section on using the element to add arrowheads easily, making this a great read for anyone looking to get their hands dirty with some SVG magic. ## **💅 Showcase** ![](https://tailwindweekly.com/content/images/image-118.jpeg) ****[Jahir Fiquitiva](https://jahir.dev/?ref=tailwindweekly.com)** This week we have another personal site, this time by [@jahirfiquitiva](https://x.com/jahirfiquitiva?ref=tailwindweekly.ongloat.com). I love his design choices, from the cheerful blue that adds a splash of personality to the crisp typography that makes everything readable and engaging. I think it's a friendly, straightforward design that makes you want to click around and see more. ## **🎁 Resource** ![](https://tailwindweekly.com/content/images/image-119.jpeg) ****[tailwind-merge-laravel](https://github.com/gehrisandro/tailwind-merge-laravel?ref=tailwindweekly.com)** tailwind-merge-laravel is a great tool that automatically sorts out class conflicts in Tailwind CSS within Laravel projects. It's designed to make life easier when you're trying to override Tailwind CSS classes in your Blade components, offering a seamless way to merge multiple classes and handle conflicts efficiently. ## **👌 Cool Stuff** Some of these are affiliate links, so I get compensated in some way if you buy through them at no cost to you. **["Level up with Tailwind CSS"](https://shrutibalasa.gumroad.com/l/level-up-with-tailwind-css?ref=tailwindweekly.ongloat.com)** by Shruti dives into real-world Tailwind examples and **offers tips even seasoned users will find valuable**. Plus, there's an accompanying video course with fresh content every week. If you're serious about **improving your Tailwind CSS skills,** this book is for you! --- **[Stay](https://cordlessdog.com/stay/?ref=tailwindweekly.com)** is a Mac app that **organizes** your workspace by **remembering window positions**. It's great for multitasking and changing setups. --- **[Readwise Reader](https://readwise.io/read?ref=tailwindweekly.com)** is a Pocket and Instapaper alternative that simplifies your web reading by **consolidating all your articles, videos, PDFs and more in one place** for a more focused experience. It also has notes highlighting! --- **[DevDb](https://marketplace.visualstudio.com/items?itemName=damms005.devdb&ref=tailwindweekly.ongloat.com)** is a VSCode extension that loads your local database into a VSCode offering a decent GUI experience. **It's like having TablePlus right there on your editor!** --- Do you want to share something with the Tailwind CSS 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/image-5.jpeg)