- Tailwind Weekly
- Posts
- Tailwind Weekly #186: Tailwind UI rebrand, new video series and cursor rules for v4 🔥!
Tailwind Weekly #186: Tailwind UI rebrand, new video series and cursor rules for v4 🔥!
Vivian Guillen
March 08, 2025
In partnership with
Hello folks!
We got a rebrand, the 6 video course, and even a cursor rule file, what a week!
And even better, Steve Schroger said they’ll be rebooting the Reactoring UI YouTube channel, so stay tuned for that 😄
Let's dive in!
🌟 News
Tailwind UI is now Tailwind Plus ✨
Still one-time purchase, still the same price, just a new name with new possibilities! They redesigned the website to match the updated Tailwind CSS v4.0 branding, and made some UX improvements like adding a sidebar to the component browser.
"Build UIs that don't suck" video series
The team finally released the mini 6 video series announced last week. It’s short, tactical video lessons, delivered directly to your inbox every day for a week.
Cursor rules file for Tailwind CSS v4
If you use any LLM and are trying to use v4 you probably experienced that it keeps trying to use v3 syntax even if you feed it the official docs. Well, if you use Cursor, Adam released a custom Cursor rule so it knows how to handle v4 code. Very handy!
🤩 Windy Picks
Optimize global IT operations with our World at Work Guide
Explore this ready-to-go guide to support your IT operations in 130+ countries. Discover how:
Standardizing global IT operations enhances efficiency and reduces overhead
Ensuring compliance with local IT legislation to safeguard your operations
Integrating Deel IT with EOR, global payroll, and contractor management optimizes your tech stack
Leverage Deel IT to manage your global operations with ease.
📚 Learning
Have you ever wondered if resource prefetching really speeds up your website? This article dives into the nitty-gritty of prefetching, revealing both its promises and pitfalls. While prefetching can indeed make subsequent page loads faster by pre-loading resources, it can also inadvertently slow down your initial page load by competing for bandwidth with crucial elements like images. The piece brings to light how prefetched resources often load earlier than expected, sometimes even before your main content, impacting the Largest Contentful Paint (LCP) scores.
Make creative borders with background-clip:border-area
This piece dives into the magical world of background-clip: border-area, a powerful tool that lets you apply a background image to a border, filling it in one seamless piece. You'll learn how to transform simple HTML elements by adding gorgeous image borders, fancy gradient frames, and even progress rings with a few lines of code.
The New !important
The author dives into a clever CSS strategy used in a popular WordPress theme, examining how classes like .specificity and .extra-specificity can boost a selector's specificity without adding styles. It's a fascinating read if you're curious about alternative methods to handle CSS specificity beyond the usual !important or complex selectors.
💅 Showcase
Aptakube is the ultimate Kubernetes GUI for web developers, offering a fast and intuitive interface that surpasses Lens and k9s. With its ability to connect to multiple clusters simultaneously, Aptakube simplifies your workflow by consolidating all your Kubernetes resources into one view.
🎁 Resource
This tool automates the generation of accessible UI color palettes. It takes cues from Radix UI's custom color palette tool but adds its own twist based on some rules laid out in the Medium article. Super simple to use: just refresh for a random palette or tweak the inputs and hit "Generate" to craft a palette around your chosen accent color. I
👌 Cool Stuff
Tailscan – Instantly build, debug, and refine Tailwind CSS sites visually with real-time updates, all within your browser.
TripMode – Control data usage by blocking background apps from accessing the Internet, saving bandwidth on any network.
Tenno – A Markdown editor with live-editable cells, calculations, and dynamic visualizations, like Excel for devs!
Superfluid – A must-read newsletter for VCs, founders, and startup operators to stay ahead with insights and updates.
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 😁.