Astro 7.1

Astro 7.1 is about more control: CSP, pagination, dev server, and content collections.

What's new in Astro - June 2026

June 2026 - Astro 7, summer swag collection, Astro Germany meetup, and more!

A developer toolkit to make your website agent-ready

Learn how to build agent-ready websites using the Lighthouse Agentic browsing category and Chrome DevTools for agents.

Astro 7.0

Astro 7.0 brings faster builds with Vite 8, a new Rust compiler, Advanced Routing, background dev server support, and structured logging.

Unlock runtime insights: Introducing third-party developer tools for Chrome DevTools for agents

Chrome DevTools for agents introduces third-party developer tools, which lets frameworks and applications share rich, runtime context with AI coding assistants.

What's New in WebGPU (Chrome 149-150)

Immediates and stricter validation for transient attachments.

Join the WebMCP origin trial

Build structured tools for your website, so agents can complete tasks accurately.

Astro Mart: Summer 2026 Collection

Get ready for a summer of sport with our new personalizable merch.

Seamless PWA origin migration: Change domains without losing users

From Chrome 150 you can seamlessly transition a PWA to a new same-site origin.

Chrome 150 beta

Get a preview of the next Chrome release with this post detailing the features in the current beta.

What's new in DevTools (Chrome 149)

DevTools for agents is stable, AI assistance gets major upgrade with Lighthouse and widgets, new WebMCP debugging tools.

New in Chrome 149

CSS gap decorations, disconnecting WebSockets for bfcache, and Intl.Locale variants.

What's new in Astro - May 2026

May 2026 - A new Astro jobs board, TinaCMS makes Astro their default template, experimental advanced routing, and more!

Astro 6.4

Astro 6.4 introduces a new pluggable Markdown processor API, a Rust-based Markdown processor for faster builds, and helpers to wire up experimental advanced routing with Cloudflare.

Build new features using built-in AI in Chrome

Learn more about the talk given at Google I/O 2026 by Thomas Steiner.

What's new in web extensions: I / O 2026 recap

Another Google I/O is behind us and we have covered all the exciting extensions updates!

Tailwind CSS v4.3: Scrollbars, new colors, and more

Tailwind CSS v4.3 is here with first-party scrollbar styling, even more logical property utilities, new zoom and tab-size utilities, better @variant support, and all the v4.2 stuff we shipped while forgetting blogs existed.

Astro 6.3

Astro 6.3 introduces experimental advanced routing with Hono support, image redirect handling, resilient island hydration, and more.

Starlight 0.39

Get more flexible autogenerated sidebars, improved styling, and stronger multilingual docs support with the latest Starlight release.

Astro 6.2

Astro 6.2 introduces an experimental custom logger with JSON output, an SVG optimizer API, a new font file URL helper, and more.

What's new in Astro - April 2026

April 2026 - Astro Together London, an alpha preview of Astro 7, and more!

What's new in Astro - March 2026

March 2026 - Astro 6, CloudCannon CMS Partnership, Astro Together London, and more!

Astro 6.1

Astro 6.1 introduces codec-specific Sharp image defaults, advanced SmartyPants configuration, and i18n fallback routes for integrations.

CloudCannon Joins Astro as an Official CMS Partner

Announcing CloudCannon as an official Astro partner, sponsoring $4,000 each month toward the ongoing open-source maintenance and development of Astro.

Astro 6.0

Astro 6 is here with a refactored dev server, an experimental Rust compiler, live content collections, CSP, and more.

What's new in Astro - February 2026

February 2026 - Astro shines in the 2025 State of JS, adoption climbs according to HTTP Archive results, and more!

What's new in Astro - January 2026

January 2026 - Astro joins Cloudflare, Astro v6 beta is released, and more!

Astro 5.17

Astro 5.17 brings configurable dev toolbar placement, support for partitioned cookies, and powerful new image optimization options.

Supporting the future of Astro

Help make Astro a sustainable open source project by sponsoring our community maintainers.

The Astro Technology Company joins Cloudflare

The Astro Technology Company is joining Cloudflare! Astro remains open-source, MIT-licensed, and platform-agnostic. With Cloudflare's support, we're focusing 100% on building the best framework for content-driven websites. Astro 6 beta is a

Astro 6 Beta

A redesigned development server, significant rendering performance improvements, and new built-in APIs for working with CSP, fonts, and live content collections.

2025 year in review

Revisit everything that happened in Astro last year: new feature releases, ecosystem growth, conference talks, and more!

What's new in Astro - December 2025

December 2025 - Astro v6 alpha release, and more!

What's new in Astro - November 2025

November 2025 - Astro powers Webflow's App Gen, Stainless launches a Starlight-powered docs platform, and more!

Astro 5.16

Astro 5.16 brings experimental SVG optimization with SVGO, interactive CLI shortcuts, and improved developer experience across the board.

Stainless Sponsors Astro, Launches Astro-Powered Docs Platform

Stainless chooses Astro and Starlight to power the new Stainless Docs Platform and joins as our newest official sponsoring partner of the Astro open-source project.

Vanilla JavaScript support for Tailwind Plus

Every UI block in Tailwind Plus is now fully functional, accessible, and interactive, even if you don't use a framework like React or Vue.

Compass: A starter kit for online courses

I've been itching to get back into screencasting and teaching lately, and the natural first step was to build our own course platform. So we just released Compass, a Next.js starter kit for publishing your own online course.

Tailwind CSS v4.1: Text shadows, masks, and tons more

I wasn't sure it would ever happen but we did it — we released a version of Tailwind CSS that includes text shadow utilities. Tailwind CSS v4.1 is here and it's packed with improvements that will help you (or your LLM, you coward) build eve

Tailwind UI is now Tailwind Plus

We just shipped a huge rebrand project, turning what was previously known as Tailwind UI into Tailwind Plus. Tailwind Plus is the all same high-quality resources you know from Tailwind UI, but with all-new possibilities and potential.

Tailwind CSS v4.0

We just released Tailwind CSS v4.0 — an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web p

Tailwind CSS v4.0 Beta 1

After a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0.

Radiant: A beautiful new marketing site template

Over the past couple of months we’ve been working away at a new SaaS template called Radiant and it’s out now as part of Tailwind UI.

Headless UI v2.1: Simplified transition API and improved multi-dialog support

Automatically clean up whitespace and duplicate class names

We just released a new version of prettier-plugin-tailwindcss which adds support for removing unnecessary whitespace and duplicate classes when sorting.

Catalyst: Application layouts, navigation menus, description lists, and more

We just published the first major update to Catalyst since releasing the development preview, with two new application layouts, navbar and sidebar components, description lists, and more.

Headless UI v2.0 for React

We just released Headless UI v2.0 for React which includes a ton of new stuff including built-in anchor positioning, a new headless checkbox component, HTML form components and more!

We're hiring a Design Engineer + Staff Engineer

We just tagged the first public v4.0.0-alpha so you can start experimenting with it and help us get to a stable release later this year.

Open-sourcing our progress on Tailwind CSS v4.0

We just tagged the first public v4.0.0-alpha so you can start experimenting with it and help us get to a stable release later this year.

Introducing Catalyst: A modern UI kit for React

We just released the first development preview of Catalyst, our new fully-componentized, batteries-included application UI kit for React.

Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more

There’s nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on that inspiration and turned it into this — Tailwind CSS v3.4.

Heroicons Micro: What are these, icons for ants?

We just released Heroicons v2.1 which includes a brand new micro style — a full set of almost three hundred 16×16 icons designed for tighter, higher density UIs.

Meet Studio: Our beautiful new agency site template

We just released Studio — a beautiful new agency website template we've been working on for the last couple of months for Tailwind UI.

Tailwind Connect 2023: Recap of our first in-person event

Last month, over 200 people got together in my hometown of Cambridge, Ontario to hang out, talk shop, and get a peek behind the curtain at some of the new stuff we've been working on.

New changelog template + the biggest Tailwind UI update ever

Over the last four months we've probably done more work on Tailwind UI than we ever have, and having finally wrapped up what we set out to achieve I'm excited to lay it all out for you.

Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more

Tailwind CSS v3.3 is here — bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.

Protocol: A beautiful starting point for your next API documentation site

It's been months in the making but I'm excited to finally release our next website template — Protocol, a beautiful starter kit for building amazing API reference websites.

Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my!

...and nested group support, `aria-*` variants, `data-*` variants, `@supports` support, and more.

We built you a new personal website + Heroicons v2.0, Headless UI v1.7, and more

We just released a stunning new personal website template for Tailwind UI, redesigned Heroicons from scratch, tagged a new version of Headless UI with some exciting new features, and more.

New Tailwind CSS + Framer Motion template and Tailwind Jobs

All about the brand new Tailwind UI template we just shipped, the official Tailwind CSS job board, and a bunch of new projects coming out in the next few weeks.

ZERO: The Engineering Behind a Defiant Interactive Narrative

A technical breakdown of the pipeline, rendering techniques, and performance optimizations behind ZERO, an immersive scroll driven WebGL experience built for desktop and mobile.

When It Makes Sense To “Block” The Main Thread

The common rule of thumb is to never “block” the browser’s main thread when running JavaScript tasks. But is this a hard rule? Victor Ayomipo describes a use case he encountered involving a screenshot extension where he made an exception to

Meet the Speakers of the First Three.js Conference

Before they take the stage, we asked a handful of speakers to share what they're building, exploring, and excited to bring to Paris.

pointer-events

The pointer-events property controls whether an element can become the target of pointer events like clicks, hover states, and other pointer-based events. In other words, it lets you decide whether the browser should treat an element as int

What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More

Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select, and new web platform features. What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More origin

The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio

A behind-the-scenes look at how multiple animation, rendering, and interaction layers were unified into one performant web experience.

No, People Don’t Want More AI In Their Life

Many companies assume everyone craves new AI features. But the reality is that most people don't want more AI — at least not in the way most AI leaders envision it. Brought to you by Design Patterns For AI Interfaces, **friendly video cours

Where Stories Become Interactive Worlds: How makemepulse Brings Ideas to Life Across Web, XR, and Beyond

For more than 15 years, makemepulse has combined creative storytelling and technical innovation to craft award-winning digital experiences across web, immersive media, and interactive installations.

The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques

From swirling transitions and animated fog to mesh outlines and infinite worlds, here's a breakdown of the techniques behind it.

From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction

The strongest visual concepts don’t start in Figma. They start with the right questions. Explore the pre-concept phase of brand identity design, where teams research brand context, uncover hidden assumptions with stakeholders, and turn shar

Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion

Many UI trends are designed to capture attention and signal innovation, but those goals often conflict with the needs of mental health apps: reducing cognitive strain, fostering trust, and providing a sense of refuge. Kat Homan introduces a

Building an Interactive Wave Propagation Cube Grid with Three.js

A tutorial on how to create a minimalistic and customizable 3D wave grid background with Three.js.

Ten Years Away: Designing an Interactive Comic for Studio375’s Tenth Anniversary

The story behind "Ten Years Away", a scroll-driven interactive comic created to celebrate Studio375's tenth anniversary, from its printed origins to its WebGL implementation.

Get Ready For the Powerful CSS border-shape Property!

We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property! Get Ready For the Powerful CSS border-shape Property! originally ha

Building a Scroll-Driven 3D Gallery Using a Blender Camera Path with Three.js and GSAP

Build a cinematic, scroll-driven 3D gallery using a camera path authored in Blender, rendered with Three.js, and animated with GSAP.

Meet Kirki: WordPress’s First Visual Builder With An Infinite Canvas

We have been building websites inside boxes for years on WordPress. Let’s take a closer look at [Kirki](https://kirki.com/), the first freeform visual builder with an infinite canvas, and explore how it redefines the experience with cleaner

Users Don’t Need More Tools: They Need Seamless Integrations

A closer look at why users don’t need more tools in their daily lives. What they need are seamless integrations of useful features to match already existing, established mental models. Brought to you by Design Patterns For AI Interfaces, **

From Years of Client Work to a Next.js + Sanity Starter Kit

How years of refining my workflow became a headless foundation other developers can build on.

Matching AI Modality To User Intent: Designing The Right Interface

We’ve fallen into conversational tunnel vision, defaulting every AI capability into a chat-based interface simply because LLMs are trained on dialogue data. But great UX is about matching modality to users’ context, intent, and cognitive lo

Sculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court

Explore the complete 3D workflow behind Stefanos Tsitsipas' digital character, from photogrammetry and rigging to animation and WebGL optimization.