Hello folks!

A couple of new shadcn components and a wind update this week. You've got Flavio Copes walking through StyleX, Josh Comeau on SVG basics, and Jono Alderson's full guide to HTTP caching.

Let's dive in šŸ‘‡

šŸŒŸ Community News


fluttersdk/wind releases 2 new releases

wind, the Tailwind-style utilities for Flutter from #231, shipped two releases. 1.7.0 adds contrastRatio and contrastForeground, so you can pick readable text on top of a color your user chooses. 1.8.0 is a performance pass: hover-only WDivs drop their focus node and stop being Tab stops, WDiv skips the Container wrapper, and keyboard animations no longer rebuild every styled widget. There's a new WAnchor.trackFocus flag too.

New components in the shadcn ecosystem

Two registries shipped new pieces this week.

  • @coss (Origin UI): two new particles, p-select-24, a color-palette Select with three-color swatches, and p-radio-group-10, palette radio cards in a four-column grid.
  • @animateicons: 1,100+ animated Lucide and Huge icons for React after a big batch of additions, and it's now listed in the official shadcn directory. Each icon installs as one editable file.

šŸ¤© Windy Picks

Cozy Watch ā€” GitHub notifications in your Mac menu bar

Cozy Watch is an open-source macOS app that pings you when a pull request, review, mention, or CI run needs you. Click through and you land on the PR that changed, and the menu bar shows your current PR status. It's free for personal use, with a $29/year license for work that comes with a 30-day commercial trial. macOS 12 or later.

Download Cozy Watch, free for personal use

šŸ“š Learning

A deep dive into StyleX

Flavio Copes covers how StyleX turns JavaScript style objects into atomic CSS classes at build time, with React + Vite and Astro setup, variants, themes, and responsive styles. The browser gets normal CSS, no runtime injection.

A complete guide to HTTP caching

Jono Alderson unpacks Cache-Control, validators, freshness math, CDN quirks (Cloudflare), and recipes for static assets, HTML, APIs, and auth pages. Useful if you've ever mixed up no-cache with "don't cache."

A Friendly Introduction to SVG

Josh Comeau walks through inline SVG as first-class DOM, basic shapes, viewBox scaling, and stroke tricks like stroke-dashoffset for draw-on animations. Solid foundation if SVG still feels intimidating.

šŸ’… Showcase

Bruno

Bruno is a git-native API client where collections live as plain-text files in your repo. Open-source, local-first, no cloud sync or account, so you branch, diff, and review API requests with the same workflow as code.

šŸŽ Resource

ogimagecn

If you've been hand-tuning Satori templates for Open Graph cards, ogimagecn is a copy-paste React kit that works with the shadcn CLI. Install a block, drop it into an ImageResponse, and own the code. Built for the Satori-safe CSS subset so gallery previews match the PNG.

šŸ‘Œ Cool Stuff

Tiiny Host ā€“ Drag and drop an HTML file, PDF, or zipped static site and get a shareable link with free SSL in seconds.

Blip ā€“ Native desktop app that sends files and folders of any size peer-to-peer with end-to-end encryption, no upload-then-download, no zip needed.

Dozzle ā€“ Self-hosted real-time Docker log viewer in the browser, single binary, live CPU/memory charts, MIT licensed.

Moshi ā€“ iPhone/iPad SSH and Mosh terminal built for AI coding agents, with Live Activities, Watch approvals, and direct connections to your own machines.

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 šŸ˜.