What's new in Astro - July 2026

July 2026 CodeTV GSAP Webflow contest, Astro Germany, and more!

Sarah Rainsberger۹ مرداد ۱۴۰۵ ۱۷ دقیقه مطالعهمتن اصلی

Some exciting news from around the Astro ecosystem this month, including:

Let’s dive right into it!

Updates from Mission Control

Latest releases

Minor releases introduce new features and improvements. Check out what’s new!

Astro 7.1 - more CSP options, custom pagination URLs, multiple dev servers, lower memory content collections, and more!

Astro Adopters

From Mozilla to Supabase, from Framework to System76, some of the biggest names you know are using Astro Starlight for docs!

Introduction | Thunderbolt Docs

ETL | ETL

BIOS & Drivers | Resources

Introduction | System76 Technical Documentation

See more companies using Astro in our site showcase, and explore Astro for corporate or enterprise use with one of our agency partners!

Weird Wide Web

Some sites from the last month that show off what you can do with Astro that are quirky, innovative, inspiring, empowering, or just plain fun!

Frisetoire - Apprends l'Histoire en jouant | Quiz & Frise interactive

Food Storage Guide | HowToStore.food

Shirt Quiz — Camisetas de Selecciones Nacionales

Free Machine Embroidery Designs | Stitchopia

Cosmic Canvas

Didn’t think you could do that with Astro? These stunning sites with spectacular visuals and smooth animations prove you can!

MARQY: High-fidelity loops for modern interfaces

Radian R&D

International Media Buying — Global Advertising Cost Benchmarks

Oliver Rainer - Portfolio

Community

Astro Team News

In case you missed the news, Astro is coming to Germany! Join Astro Maintainers on September 5th in Wiesbaden at our Partner Agency Seibert’s HQ for talks, demos, and exclusive swag!

It’s not too late to visit the Astro Together FRA x Seibert event page for more details and to grab your spot via the link below, as spaces are limited. We’re looking forward to seeing you there!

Never miss an Astro event by subscribing to the Astro Luma Calendar.

Around the ecosystem

Webflow and CodeTV ran a Hackathon to build a website that really lands! The challenge: build with Astro, animate with GSAP, and deploy to Webflow.

See the contest page, read about building an entry from Erik Van Holtz, watch the Code TV Web Dev Challenge episode, and explore some entries below:

Webflow × GSAP × CodeTV Challenge

Loading Today

Immortal Snail

Shout-outs

Think we don’t notice you? Think again! This month, we’d like to give some 🌮 to:

@adamchal for being active and helpful in the core repo, docs, and our Discord community! Thank you for choosing to spend your time improving Astro!

Content

Here’s what caught our attention this month:

Bitdoze conducted an Astro 7 Benchmark: Build Times Cut in Half on a 743-Page Site.
Explore how the Microsoft Aspire team is closing the gap between release and documentation by automating cross-repo documentation with GitHub Agentic Workflows and Starlight.
Learn about the new default whitespace handling in Astro 7.0 from Cassidy Williams.
Andy Bell is completely redesigning his personal site from scratch and breaking down each part to educate and hopefully, inspire you to build your own corner of the internet. See how they implement their music collection in Astro.

Because you can never get tired of Astro, here’s even more community content!

Migration Stories

How-to Articles

… and more!

Watch Party

Be sure to follow Astro’s official YouTube channel for content from the team!

Astro on demand

Grab your popcorn and make a playlist of your faves! 🍿

Tips & Tools

Starlight Layouts is a tutorial and live demo site for overriding Starlight components to build custom page layouts. Learn how to override Starlight’s components to build your own custom page layouts, then package and publish them as Starlight plugins.
Don’t feel like building your own site? noncommon is an Astro site builder that gives you more than just a link site. Every published site is a fast Astro & Tailwind CSS page without the typical page builder bloat.

See some of the latest community-built utilities and integrations to help you build with Astro. 🛠

@advastro/astro-component-tester: Utility to help you write tests for your Astro components.
@astro-slides/core: Author decks in Markdown and MDX. Present in the browser. Export to PDF, PNG, and editable PowerPoint.
@astroscope/node: Opinionated, cloud-friendly Node adapter for Astro: boot lifecycle, health probes, request logging, telemetry, CSRF and static serving run as plain code around server.listen()
@ceynri/astro-toc-rail: A restrained, PC-only rail-style table of contents for long-form Astro articles, with 2D scroll progress and a reading percentage.
@igorskyflyer/astro-component: A CLI tool for bootstrapping Astro components with test-ready scaffolding, render logic, props, slots, and Vitest setup included.
@liquidglassjs/core: SVG-first liquid glass for the web with WebGL + QR escape hatches. Provides <LiquidGlass> and <LiquidGlassFont> Astro components.
@mattthehat/astro-forms: Config-driven forms for Astro: one typed config renders the form and parses + validates the submission, with per-field return types inferred.
@onlyfonts/unifont: unifont provider for onlyfonts — use the privacy-first, EU-hosted onlyfonts font CDN in Astro, Nuxt, and anything built on unifont.
@prosefly/astro-theme-lotus: An installable documentation theme for Astro.
@vdaluz/astro-affiliate: FTC-compliant affiliate-link catalog resolver and disclosure components.
@vdaluz/astro-blog: Token-driven Astro blog components, related-posts scoring, a schema factory, and Shiki config.
@vdaluz/astro-og-cards: Build-time OG/social-card generation (satori + sharp) and meta-tag emission for Astro.
@vdaluz/astro-opt-in-analytics: Consent-first analytics for Astro: an opt-in prompt, a script gate, and zero tracking requests until the visitor says yes.
astro-asset-map: Type-safe asset lookup for Astro. Reference files in src/assets without writing import statements.
astro-chat-widget: Self-contained AI chat widget for Astro sites: streaming SSE answers, native <dialog>, iOS-keyboard-proof mobile sheet, zero framework runtime.
astro-emit-asset: Emit static assets from Astro components and endpoints. For open graph images, generated PDFs, audio files, and more.
astro-font-preload: Inject <link rel=preload> for your fonts and render-blocking CSS into every built page, plus _headers Link lines so Early Hints (103) fetches them during server-think time.
astro-link-validator: An Astro integration that validates links during build time.
astro-no-image-endpoint: Remove Astro’s unused image endpoint runtime to reduce server bundle size.
astro-stack: A guided CLI for starting new, production-ready Astro projects. Choose your styling, content, deployment options and more right at creation time.
astro-theme-popular: Popular: a warm, community-first Astro theme for meetups, clubs and fan communities. Ships as an Astro integration.
cool-astro-forms: The lead-ops platform for Astro forms: abandonment capture, recovery emails, quote payments, and a self-hosted admin. No external services, just SQLite and SMTP. MIT.
globe-svg: Build-time CLI that renders an orthographic globe with highlighted regions into a crisp static SVG — zero runtime JavaScript, no mapping libraries on your page.

SEO/AEO

@adkinn/astro-ai-readiness: AI Readiness toolkit for Astro — six JSON-LD components plus llms.txt, llms-full.txt, agents.md, robots.txt, and .well-known/mcp.json outputs.
@ai2web/astro: Astro integration that serves all AI2Web routes (/ai2w, /.well-known/ai2w, llms.txt, agent.json, actions) from one manifest.
@jorgejhms/astro-seo-meta-tags: A drop-in Astro component for SEO meta tags: Open Graph, Twitter Cards, canonical URLs and JSON-LD structured data (Product schema).
astro-aeo: Answer Engine Optimization for Astro: .md companion pages, llms.txt, llms-full.txt, robots.txt AI-bot policies, domain-profile.json, sitemap auto-wiring, JSON-LD components, and a validator CLI.
astro-seo-kit: Complete, type-safe SEO head tags for Astro — Open Graph, Twitter/X cards, canonical URLs, article metadata and JSON-LD.

CMS/text editors

@menestrel/astro: Astro Content Layer loader and components for Menestrel: typed content collections, immutable snapshots, zero runtime requests.
@knutle/writenex-astro: Visual editor for Astro content collections - WYSIWYG editing for your Astro site.
@kyro-cms/astro: Astro-native headless CMS with multi-database adapters, multi-protocol APIs, and an admin dashboard built-in.
@mano8/astro-prompt-m8: Astro integration and headless client for prompt-engine-m8.
@mano8/astro-reparto-m8: Astro integration and headless client for reparto-docente-m8.
@mattthehat/astro-cms: Config-driven admin CMS for Astro: one resource config renders a full list/create/edit/view/delete screen with search, filters, sorting and pagination, DB-agnostic via a small adapter interface.
astro-wysiwyg: Edit rendered Astro and Markdown text in place and save it to source files during development.

Markdown, Text, and more

@system76/satteri-relative-markdown-links: Rewrite relative markdown links to site page paths, as a satteri mdast plugin.
@xsynaptic/satteri-reading-time: Sätteri mdast plugin that computes multilingual reading time and injects it into Astro frontmatter.
astro-downgrade-heading: Astro integration and plugins for downgrading Markdown heading levels.
astro-lilypond: An Astro integration for rendering Lilypond markup to music notation.
astro-madao: Markdown alternative for easier AI access to your Astro site.
astro-mermaid-satteri: Astro integration for rendering Mermaid diagrams with Sätteri, auto dark/light theme switching, and View Transitions support.
@kurkle/astro-chartjs-editor: Editable Chart.js samples in Astro Markdown.

Content loaders

@avovix/astro-loader-payload: Astro content layer loader for PayloadCMS, with build-time and live collections and full typed.
@coszone/koharu-astro: Typed Koharu Suite client and Astro 6/7 Live Content Collection loaders.
@xsynaptic/astro-image-loader: An Astro content layer loader that treats images as content entries, with incremental sync, caching, and pluggable metadata extraction.

astro-mesurer: Measure and align elements from the Astro dev toolbar.
@thenewdynamic/astro-debug-actions: Astro integration for a dev-only debug panel with breakpoint visualization.
astrotation: Visual feedback for AI coding agents on Astro sites — annotate elements in the dev toolbar, agents receive them live over MCP.

Starlight

@gansotech/astro-datasource-gitlab: Astro content loader that fetches Markdown docs and their assets from a GitLab repository over the REST API. Built for Starlight docs sites, works with any content collection.
@markgrafhq/starlight-markgraf: Starlight/Astro integration for embedding markgraf animations. Transforms ```markgraf fenced code blocks into a live player and exposes a <Markgraf src="…" /> component.
@stellayazilim/mcp-starlight: Give any Astro Starlight docs site an MCP server. Build-time catalog + stdio server over npx — no hosting required, works on GitHub Pages. Locale- and version-aware.
axiom-studio-for-starlight: A local-first browser editor for editing Markdown and MDX pages in Astro Starlight without touching raw files.
starlight-biel: Add a Biel AI chatbot or AI search widget to your Starlight site for technical documentation.
starlight-mcp: Give your Starlight docs site an MCP server — search_docs, get_doc and list_docs over stateless streamable HTTP. Astro integration, pure fetch handler, and Cloudflare static-assets glue included.
starlight-theme-mdbook: Starlight theme that looks and feels like rust-lang’s mdBook — layout, chrome, and 4 built-in color schemes plus 2 bonus daisyUI-ported themes.

Astro integrations by and for other tools

@component-anatomy/astro: Astro integration for component-anatomy — SSR-rendered anatomy panels with live hover sync.
@deskcrew/astro: Astro integration that adds the DeskCrew support widget (live chat, instant answers and a help center) to every page.
@foresightjs/astro: Astro integration for ForesightJS. Predictive prefetching that fires before hover, configured like Astro’s built-in prefetch strategies.
@ilha/astro: An Astro integration that renders and hydrates Ilha islands as Astro components.
@plutotcool/payload-astro-preview: Signed draft preview sessions between a Payload CMS and an Astro site.
@space-coast-devs/astro-discord-membership: Astro integration that adds Discord-based community membership — auth, member directory, profiles, and email verification.
@storesynk/astro: Astro integration for Storesynk — server-rendered Shopify data inside Storesynk tags, adopted flash-free by the client runtime.
@verbaly/astro: Astro integration for Verbaly: write-in-source extraction for .astro files plus automatic per-locale static rendering.
astro-asciinema: Astro integration and component for embedding asciinema terminal recordings.
astro-biel: Add a Beil AI chatbot or AI search widget to your Astro site.
astro-d1-comments: Self-hosted comments for Astro sites on Cloudflare Workers: D1 storage, Turnstile spam protection, pending-by-default moderation with a built-in admin page and CLI.
astro-shotpipe: Dynamic Open Graph images for Astro via Shotpipe — zero build-time cost, zero-signup setup. URLs are signed locally at build time and rendered lazily on first crawler hit.
ddys-astro: Official Astro integration for the DDYS API with injected pages, endpoints, components, content loader, caching, SEO helpers, diagnostics, and request form.
elements-kit/astro: Use ElementsKit components inside Astro Islands in your site.
payload-live-preview: Live preview for Payload CMS in Astro and any SSR/static frontend (SvelteKit, Nuxt, Next.js, plain HTML). Patches the DOM live, no rebuild.
rangefind-astro: Astro integration for Rangefind — builds a static search index at astro build time and ships a drop-in search component.
soames-astro-theme: Shared Astro theme for the Soames ecosystem (WordPress headless + React islands). Successor to soames-gatsby-theme.

Themes & Templates

Several Astro themes were added or updated to v6 or v7 in the Astro theme catalogue this month. Get a jump start on a fresh new project by starting with a theme!

Showcase

Looking for even more inspiration? See all the community member websites submitted to the Astro showcase this month. Submit your site built with Astro!