Hello folks!

Quiet week in the Tailwind world, but don't let that fool you, the two things that did happen are pretty noteworthy! First up, Adam has started sending out invites to the ui.sh waitlist, so if you signed up, keep an eye on your inbox (and if you haven't, what are you waiting for? 👀). Second, and this one is wild: Apple featured Tailwind CSS code on the new MacBook Pro landing page 🤩.

🤩 Windy Picks

Build modern Tailwind websites visually, without fighting code.

Elements combines a visual workflow with full Tailwind control and clean, readable markup in a native macOS app. No abstractions, no bloated HTML, no vendor lock-in.

Right now, you can get 25% off, automatically applied at checkout. Download it for free and see how it fits into your Tailwind workflow.

📚 Learning

The Four New Color Palettes added to Tailwind CSS v4.2

Chris Brandrick breaks down the new Tailwind Colors: mauve, olive, mist, and taupe, what makes each one unique, how they compare side by side, and why they're all defined in oklch. If you've ever needed something softer than your typical bold palette but with just a hint of personality (think slate or zinc vibes), these are exactly what you're looking for. The article also includes full color ramps from 50 to 950 with hex and oklch values, plus visual examples of cards, badges, buttons, and typography using each palette.

10 NEW CSS Features You Need To Know For 2026

This is a fantastic rundown of 10 CSS features that are either here or coming very soon, and some of these are awesome. You've got squircles (finally!), the new shape() function that's basically path() on steroids, styleable <select> elements (it's about time), scroll markers and scroll buttons for JS-free carousels, container scroll state queries, the stretch keyword, the text-box property for trimming whitespace around text, sibling-index() for staggered animations without JS, inline if() conditionals, and custom CSS functions with @function.

Perfectly Pointed Tooltips: A Foundation

This is an excellent deep-dive by Temani Afif on building tooltips that automatically reposition themselves using nothing but CSS. no JavaScript needed for positioning at all. It walks you through the Anchor Positioning API step by step: placing a tooltip with position-area, adding fallback positions with position-try-fallbacks and flip-block, creating a dynamic tail using pseudo-elements, and solving the tricky containing block issue when the tail needs to reference both the anchor and the tooltip. The best part? The whole thing is barely 20 CSS declarations. It's the first part of a three-part series, so if you want to go even further with all four sides and corner positioning, those are waiting for you too.

💅 Showcase

vybe

Vybe is the secure, production-ready way for web developers to ship internal apps in seconds: AI-generated, data-powered, and governed by engineering. Connect databases, APIs, and 3,000+ tools with reliable integrations so business teams can build on trusted, up-to-date data without bypassing security or creating a maintenance nightmare.

🎁 Resource

Basecoat

Basecoat is a component library that brings the shadcn/ui experience to any web stack, not just React. It's built entirely with Tailwind CSS, which means you can use it with plain HTML, Laravel, Django, Rails, or whatever you're working with. The library ships with 40+ components, from basics like buttons and inputs to more complex ones like comboboxes, sidebars, and command palettes. It also supports theming out of the box with some pretty nice presets (including a Doom 64 one, which is fun).

👌 Cool Stuff

Learn Visual Studio Code – An ebook with 150+ tips and customizations for VS Code, covering built-in features like settings, terminal tricks, code snippets, keyboard shortcuts, and more. Great for both beginners and advanced users across Mac and Windows.

Tabba – A local-only new tab to plan your time with hour-based notes, tagged todos, timezones, and zero tracking.

Slowmo – A tiny JS utility to slow, pause, or speed up time for animations and web content to debug and tweak demos.

Vibe Kanban – An end-to-end workflow to plan, prompt, and review parallel coding agents, so teams ship faster with less idle time.

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