> ## 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 #235: Modern CSS, color systems, and Remocn demos 🎨 - URL: https://tailwindweekly.com/issue-235/ - Published: 2026-10-17T12:00:00.000Z - Updated: 2026-10-17T12:00:00.000Z - Author: Vivian Guillen Hello folks! Nuxt UI gets a new Chart component, and seven shadcn registries shipped new pieces. You've got Manuel MatuzoviΔ‡'s 2026 HTML boilerplate, Kyle Van Deusen on primitives vs semantic colors, Flavio Copes on 12 CSS features with no build step, plus Zernio for agent marketing APIs and Remocn for product demo videos. Let's dive in πŸ‘‡ ## **🌟 Community News** [![](https://tailwindweekly.com/content/images/2026/10/news-nuxt-ui-chart.png)](https://github.com/nuxt/ui/releases/tag/v4.12.0?ref=tailwindweekly.com) ### [Nuxt UI v4.12.0](https://github.com/nuxt/ui/releases/tag/v4.12.0?ref=tailwindweekly.com) Nuxt UI, the Vue and Nuxt component library from #222, has a new `Chart` component in 4.12\. It's built on TanStack Charts and renders line, area, bar, and donut charts as SVG on the server, with series colors that follow your theme. If you use `@nuxtjs/i18n`, `App` now follows the current locale and only bundles the locales you list. Pages also load up to 27% less JavaScript, since overlays like menus, command palettes, and toasts are lazy loaded now. ### New components in the shadcn ecosystem Seven registries shipped new pieces this week. - [**@coss**](https://coss.com/ui?ref=tailwindweekly.com): chat and composer components, `p-composer-1` through `p-composer-11` blocks, and a chat demo. - [**@reui**](https://reui.io/docs/changelog?ref=tailwindweekly.com): v2.8.0 brings Color Picker, Emoji Picker, and File Type (171 formats), and v2.8.1 adds Trace for reasoning steps, tool calls, and run logs. - [**@beui**](https://beui.dev/?ref=tailwindweekly.com): candlestick and donut charts, plus morphing search chips. - [**@assistant-ui**](https://www.assistant-ui.com/?ref=tailwindweekly.com): Diagram and Map elements for drawn and location answers. - [**@react-bits**](https://reactbits.dev/?ref=tailwindweekly.com): FlyingButton. - [**shadcn-svelte**](https://shadcn-svelte.com/docs/ai-elements?ref=tailwindweekly.com): AI Elements, 21 components including chat, reasoning, tool, terminal, and prompt input. - [**@remocn**](https://www.remocn.dev/?ref=tailwindweekly.com): 36 shader presets (mesh, grain, warp, swirl) as standalone items. ## **🀩 Windy Picks** [![](https://tailwindweekly.com/content/images/2026/09/windy-cozywatch.png)](https://www.cozywatch.com/?ref=tailwindweekly.com) ### [Cozy Watch](https://www.cozywatch.com/?ref=tailwindweekly.com&aff=lVeE1) β€” 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**](https://www.cozywatch.com/?ref=tailwindweekly.com&aff=lVeE1) ## **πŸ“š Learning** [![](https://tailwindweekly.com/content/images/2026/10/learn-html-boilerplate.png)](https://matuzo.at/blog/2026/html-boilerplate?ref=tailwindweekly.com) ### [My HTML boilerplate in 2026](https://matuzo.at/blog/2026/html-boilerplate?ref=tailwindweekly.com) Manuel MatuzoviΔ‡ walks through his 2026 HTML starter line by line. He covers `meta name="text-scale"` for mobile OS text sizing, favicon and maskable icon setup, an optional Markdown alternate for LLMs, and when scripts and CSS should block vs defer. ### [The Color System I Wish I Understood Sooner](https://theadminbar.com/semantics-and-primitives-color-system/?ref=tailwindweekly.com) Kyle Van Deusen splits color into primitives (the HEX palette) and semantics (`--button-background` via `var(--…)`). Change `--blue-600` once and buttons, links, and CTAs move together, or retarget only the semantic token when a client wants orange. There's a video on the post too. ### [12 CSS features you can use today with no build step](https://flaviocopes.com/modern-css-features/?ref=tailwindweekly.com) Flavio Copes lists 12 native CSS features that retire Sass and PostCSS hacks: nesting, `:has()`, container queries, subgrid, `oklch()` with `color-mix()`, `@layer`, and more. He notes support as of Sep 21, and calls out which ones aren't Baseline yet, like scroll-driven animations. ## **πŸ’… Showcase** [![](https://tailwindweekly.com/content/images/2026/10/showcase-zernio.png)](https://zernio.com/?ref=tailwindweekly.com) ### [Zernio](https://zernio.com/?ref=tailwindweekly.com) Zernio is a marketing infrastructure API for apps and AI agents that schedule posts, run ads, and pull analytics across Instagram, TikTok, YouTube, X, LinkedIn, Bluesky, and more. You get a REST API plus a hosted MCP at `https://mcp.zernio.com/mcp`, with OpenAPI docs and OAuth 2.1\. First two connected accounts are free, then usage-based pricing. ## **🎁 Resource** [![](https://tailwindweekly.com/content/images/2026/10/resource-remocn.png)](https://remocn.dev/?ref=tailwindweekly.com) ### [Remocn](https://remocn.dev/?ref=tailwindweekly.com) If you've ever wanted a product demo that isn't a shaky screen recording, this one's for you. Remocn is a free MIT set of \~395 Remotion components your agent installs as a skill in Claude Code, Cursor, or ChatGPT, then composes into timed scenes that stay in your repo. No account, no runtime. You iterate by describing changes until the player looks right. ## **πŸ‘Œ Cool Stuff** [**Tiiny Host**](https://tiiny.host/?fpr=vivian32&ref=tailwindweekly.com) – Drag and drop an HTML file, PDF, or zipped static site and get a shareable link with free SSL in seconds. [**Droppy**](https://getdroppy.app/?ref=tailwindweekly.com) – Notch hub for Mac with Live Activities, clipboard, music, coding-agent status, screen recording, and 39 free Droplets for $9.99 one-time. [**Feedsmith**](https://feedsmith.dev/?ref=tailwindweekly.com) – TypeScript RSS, Atom, RDF, JSON Feed, and OPML parser/generator that keeps original structure and covers iTunes, Media RSS, and Podcast Index namespaces. [**hostflip**](https://github.com/heronapp/hostflip?ref=tailwindweekly.com) – Native macOS menu-bar `/etc/hosts` switcher with one-time approval, profile groups, CLI for agents, and SwitchHosts import. Do you want to share something with the Tailwind CSS community? You can [submit a link](https://forms.gle/2WhynnUkJTHkM7746?ref=tailwindweekly.com) or message me on Twitter [@vivgui](https://twitter.com/vivgui?ref=tailwindweekly.com). Want to support the newsletter? You can buy me a coffee with this [link](https://buymeacoffee.com/vivgui?ref=tailwindweekly.com) 😁.