Hello folks!

This is issue #200, and I can't believe I have written this newsletter for so long!

I discovered Tailwind CSS in the second half of 2018 when a freelance client offered to pay me more if I used this niche CSS framework he liked using. I said "Why not?" and I remember being extremely frustrated the first 4 hours because I didn't know any of the class names and kept having to go back to the docs 😂.

After that first work session, I started to understand the naming convention, and by the second HTML page, it sort of "clicked". I remember finishing that project in half the time it would have taken me if I had used Sass/BEM like I was used to.

It was such a productivity boost that I offered a small discount to clients who let me use Tailwind for their projects. After the first year, I stopped accepting projects with other frameworks. I was hooked!

In January 2020, I started this newsletter to showcase how cool Tailwind was and how much of a game-changer it was for frontend development. I knew it was something special and unique in the industry, but I bet nobody, not even Adam Wathan, could predict just how popular it would get!

It has been a delight to see it grow, mature, and become even more awesome with each major version.

Tailwind CSS changed my professional life for the better, and this little newsletter is my love letter to it. Thank you all for accompanying me these last 5 years ❤️.

🌟 News

Tailwind CSS just turned 10! 🥳

Adam Wathan shared a fun little milestone: it’s been 10 years since the very first commit to the file that eventually became Tailwind CSS. It started as a quick experiment with LESS mixins and a desire to stop rewriting the same CSS over and over, and has grown into one of the most influential frameworks in modern web development.

Tailwind support coming to Expo apps! ⚡️

Evan Bacon just dropped a huge update: he and Mark Lawlor have been working on adding native CSS and vanilla Tailwind support directly to Expo. This means library authors will soon be able to ship CSS safely inside Expo packages, and you’ll be able to style native apps with real Tailwind syntax out of the box.

New Tailwind VS Code plugin upgrade! ✨

Adam Wathan just announced a nice improvement to the official Tailwind CSS VS Code plugin; it now highlights any classes that could be written in a simpler way. It’s a small but super helpful quality-of-life update, especially if you want your Tailwind to look as clean as the docs.

🤩 Windy Picks

Stop wrestling with markup and focus on what matters—your business logic. We transform your designs into pixel-perfect Tailwind CSS code.

Led by seasoned developers Vivian and Daniela, we specialize in converting your PSD, Figma, Adobe XD, and Sketch files into good, responsive, and maintainable Tailwind CSS markup.

Complete our quick 3-minute form and receive a tailored quote within 24 hours.

📚 Learning

Animating with Tailwind CSS

This is an excellent guide on how to combine Tailwind classes with the popular Motion.dev animation library. Motion started as Framer Motion and was part of the Framer product suite, but it earned the love of many frontend devs that wanted a nice and well-documented alternative to GSAP, myself included 😄.

How much do you really know about media queries?

This is THE tour of modern media queries you didn’t know you needed. It goes way beyond the usual basics, and you’ll get concrete snippets, sensible patterns, browser‑support notes, and even @custom-media plus native CSS nesting to keep things tidy. If you’ve been sleeping on media queries then this one is for you!

10 CSS Features I've Found Really Useful

This is a super practical roundup of modern CSS that replaces a bunch of old hacks and even whole JS plugins. It mentions accent-color for native form styling, :has() for true parent-aware rules, text-wrap: balance to fix widow-y headlines, scroll-snap-type/scroll-snap-align for carousels, plus aspect-ratio, overscroll-behavior, inset, gap, pointer-events: none, and :is(). I especially liked the overscroll-behavior tip to stop scroll chaining and the aspect-ratio note (no more padding hacks!).

💅 Showcase

Agentset

Agentset is the fastest way for developers to build production-ready RAG apps without drowning in boilerplate. It gives you hybrid search, reranking, automatic citations, and deep research out of the box — all through clean JavaScript and Python SDKs.

🎁 Resource

Pattern Craft

This is a library of 241 professional-grade patterns and gradients, all crafted with modern CSS and Tailwind, with live previews and one‑click copy of the ready‑to‑use code. You can tap/hover to grab variants like radial glows, grids, aurora blends, and zigzag lines, then drop them straight into your project. Definitely helpful if you want polished backgrounds fast without fussing in Figma or hand‑tuning CSS.

👌 Cool Stuff

Tail Lens - A browser tool to tweak classes and preview the results instantly in-browser, then copy the final classes straight into your code for a guaranteed productivity boost.

Mediabunny – A JavaScript library to read, write & convert video/audio in-browser with WebCodecs, fast and lightweight.

Request Mirror – A tool to mirror & inspect HTTP requests with clean JSON, all methods, headers, body, params, and no rate limits.

OverType – A markdown editor to type in a textarea with live preview—native UX, no build, no ContentEditable, no VDOM.

Do you want to share something with the Tailwind CSS community?
You can submit a link or message me on Twitter @vivgui.

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