JSPM

Component to easily embed the Baseline status of a web feature on your Astro site

Astro components to easily embed common media formats

Component to embed a website’s OpenGraph image and metadata on your Astro site

Component to easily embed Vimeo videos on your Astro site

Component to embed a fully-styled Bluesky post with no client-side JavaScript in your Astro site

Astro integration for Pagefind static site search

Managing your SEO easier in Astro projects

Use Preact components within Astro

A gzip, brotli and zstd compressor for Astro

Use Solid components within Astro

Compress 🗜️

The easiest way to add authentication to your Astro project!

Clerk SDK for Astro

Get your Lucide icons right into your Astro project

Provides Analytics snippets injection for popular web analytics tools

Easily insert valid Schema.org JSON-LD in your Astro apps.

An Astro integration to optimize Local & Google fonts inspired by @next/font

Use Alpine within Astro

A flexible and customizable library for rendering Portable Text content in your Astro projects

Render remote HTML or Markdown content in Astro with full control over the output.

Remove unused CSS rules from your final Astro bundle

Phosphor icons as Astro components

Well configurable breadcrumb component for Astro.js. Create breadcrumbs completely dynamically or specify exactly how they should look.

Quickly display npm related commands for multiple package managers in your Starlight documentation site.

Generate a webmanifest and icons for Astro to make progressive web apps

Responsive Mobile Navigation with Dropdown in Astro

Inline 🦔

The 👜 Bag of Tricks ✨ for Astro's View Transitions

Automatically sort your head with capo.js in Astro

Set of Starlight components to author showcase pages.

Add a ripple-style theme toggle animation to your Astro project with ease

An astro integration of i18next + some utility components to help you translate your astro websites!

Render any Markdown content in Astro

Add spotlight to your Astro toolbar, for better debugging.

A high-performance, responsive image service and component library for Astro

Let your CMS decide which components to import.

Bootstrap 5 components crafted for use with Astro

Fix a corner case in content collections rendering.

Get your Simple icons right into your Astro project

The i18n integration for Astro 🧑‍🚀

An Astro integration to optimize the Google Fonts loading performance

Display a progress bar between page navigations when using View Transitions

Feather icons for Astro (based on svelte-feather-icons by dylanblokhuis)

A comprehensive set of accessible, easy-to-use UI components for Astro websites, built with WCAG compliance and inclusive design principles.

Use Qwik components and Resumability within Astro

Image Optimization tools for the Astro JS framework

An Astro integration that generates a Service Worker. Powered by Workbox.

A Dev Toolbar extension to debug meta tags in your Astro website

Use Lit components within Astro

This **[Astro integration](https://astro.build/integrations/)** adds [HTMX.org](https://htmx.org) to your project so that you can use HTMX.org anywhere on your page.

Analytics components for Astro

🦔 Inline —

A Starlight theme inspired by the Obsidian Publish website theme

Astro seo provides a <Seo> component to update meta tags

Build Astro with relative links.

Starlight plugin adding a graph component to the site's right-sidebar

Easy dark mode for Astro websites

A TypeScript-first internationalization library for Astro.

An astro component library

Use Angular components within Astro

Use Lottie animations within your Astro website

🗻 Format —

vanilla-cookieconsent for astro

Parses browser user-agent strings for Astro

🗜️ AstroJS compression utilities. Compress HTML, CSS, JavaScript and more!

Leaflet astro component, to display maps: Google Maps, Openstreetmap, maps from Michelin, googlemaps, Open Street Map...

A lightweight Astro component for syntax highlighting and rendering beautifully formatted code blocks.

A seamless integration for injecting Google Tag Manager snippets into Astro projects, supporting popular web analytics tools.

Shows everything to improve from Lighthouse results directly on the page.

Hooks up konami-code-js to trigger emoji-blast in React. 🎇

Social media share buttons for your Astro site

Utilities to use with your 🌟 Starlight site.

Astro integration to enhance your website's security with SubResource Integrity hashes, Content-Security-Policy headers, and other techniques.

Generate a sitemap for Astro with more control

Use the legacy Markdown component in your Astro site

Provides Google Analytics 4 snippet injection.

Astro component for swiper, dedicated to slider / carousel / photo swiper / slide, including thumbnails

Cosy Content

Create and share context across Astro components

Access the Astro global from MDX, React, and other framework components.

A lightweight integration for Astro that automatically generates a Cloudflare Pages _headers file for deployments based on your server header configuration.

A set of components and utilities to work faster with DatoCMS in Astro projects.

Perfect dark mode for Astro in few lines of code. Theme Toggle for Dark, Light & Auto (system)

Heroicons as Astro components

Markdoc renderer for Astro

Fork of astro-icon. Lets you easily use the up to date iconify service as a straight forward astro icon component.

Astro integration for critters-rs. Quickly inline your website's critical CSS.

Add Decap CMS’s admin dashboard and a custom OAuth backend to your Astro project

A dynamic Astro header component that switches between floating and fullscreen styles

AstroNicoEmbed allows easy embedding of Niconico Douga (ニコニコ動画) videos in Astro projects.

Toc integration for Astro projects, providing a simple way to generate and display a table of contents for your content. Supports both static and dynamic content.

An Astro component for rendering a responsive <picture> element for an image fetched from Sanity

An Astro integration that minifies HTML

@rxdrag/website-lib 含 astro 组件，不能在 React 中使用

A flexible, accessible pagination component for displaying links to next, previous, first, last and a window of pages in your Astro site.

Astro component library for adding Progressive Web App (PWA). Includes a web push management panel seamlessly integrated with Firebase.

@rxdrag/webiste-lib-core 含react组件，不含astro组件，这样可以在react中使用

The Astro component for Splide dedicated to slides / carousel / photo swiper.

Astro integration that allows developers to bundle the CSS and HTML in a single file

Use components to control flow in Astro

[](https://app.fossa.com/projects/git%2Bgithub.com%2Fjasikpark%2Fastro-svg-loader?ref=badge_shield)

Protect email addresses, phone numbers and other sensitive data from bots scraping the source code of your Astro app.

Official Codecov Astro Plugin

MCP server to support Astro project development

Embed tweets in your Astro sites with zero JavaScript on the client side. This is a (slightly opinionated) port of the fantastic [react-tweet](https://github.com/vercel/react-tweet) library. Huge thanks to Vercel and all the contributors of react-tweet.

astro-rename is an Astro integration that brings postcss-rename functionality to your Astro project without the need for configuration.

Astro integration and utilities to help you generate OpenGraph images using satori.

Astro dev toolbar app that previews your page on social platforms and shows its open graph data.

Progressively enhanced. This component globally override regular `title` attributes on all links with Tippy.js tooltips.

Astro component for lightgallery, JavaScript gallery for building beautiful image and video galleries and carousel (including thumbnail) for the web and the mobile

A compact solution for SVG sprites in Astro projects. It automates symbol ID management, supports hot reloading, and generates optimized SVG sprites with minimal setup—ideal for seamless SVG icon integration.

Official tsParticles Astro Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, Vue.js (2.x and 3.x), An

A template library for Astro.js as an npm package using Tailwind CSS 4, DaisyUI 5, and Phosphor icons

Use Typst within Astro

Tiny set of tools to implement internationalization for Astro

An accessible carousel component for Astro 🚀 that works by using browser navigation.

Performs the indexing operation for the Pagefind search engine

Radix Icons for Astro

A zero-dependency responsive masonry layout component for Astro with minimal setup

Bare minimum SEO meta tags to make most social networks and Google engine happy.

⭐ An Astro component that renders post excerpts for your Astro blog - directly from your Markdown and MDX files. Astro v2+ collections are supported as well! 💎

A component library built for Astro

Add Decap CMS's admin dashboard to your Astro project

Native extended Astro components for generating low quality image placeholders (LQIP).

Extremely ⚡ fast and smart 🟠 HTML 🟡 JS 🔵 CSS 🟣 SVG minification for Astro 🚀 based on Rust 🦀

Astro components for Strapi Block Field

A Dev Toolbar App to display the size of the current viewport—as a tailwind class.

Use Bau within Astro

A repository to contain information about Herb Software for usage in other projects.

Expose your local Astro server to the internet

Astro Component for CSS reset like tailwind base

Astro loader for Strapi CMS

Beautify html files on astro final bundle with js-beautify

FontAwesome integration for Astro

Critical css integration for astro to inline above-the-fold css into HTML

Embed you Mermaid diagrams inside your Astro templates. Features server-side rendering and smart caching.

Download images at build time! Supports Iconify icons and arbitrary images.

Define server actions with built-in validation, error handling, and a pre-built hono client for calling the routes.

This package is designed to eliminate confusion caused by the default naming convention, which names files after their entry points.

Yet another i18n integration for Astro with server and client utilities, type safety and translations built-in.

integrate zikojs elements within other ui framework like vue react solidjs svelte astro ...

Inline SVG into Astro templates.

Use Feelback service within your Astro website

Server component for Astro (call server functions from client side with validation and state management)

An easy way to use Shoelace.style within your Astro Project!

Lightweight typewriter effect component for Astro

This is a template for an Astro component library. Use this template for writing components to use in multiple projects or publish to NPM.

A uploader for uploading the Astro generated files and other static files through the S3 API.

Astro Integration of @originjs/module-federation package.

Matomo integration for Astro

astro-obfuscate is a set of components that prevent spam bots from finding email addresses, phone numbers, or other text that you wish to hide. Both SSG and SSR modes are supported.

Utilities to add a static full text index to an Astro project

Generate a security.txt file for your Astro site

A tabs bar + panels component which works entirely without JS. Supports height equalization and automatic vertical scroll bar for tabs bar.

This Astro integration generates preview images for external links.

Generate a robots.txt file for your Astro site

Astro Integration: llms.txt generator (AI-optimized summary of all HTML pages)

Hono Astro Adapter

Embed YouTube videos with a static placeholder which only embeds when you click

Webtools components dedicated to Astro framework: Neon, Polaroid, PostIt,...

Viewport scroll position and direction watcher. Binds states data attributes to `HTML` for further JS/CSS usage. Scroll event is throttled for performance economy.

Astro loading icons and small animations built with pure SVG.

Easily add performant, SEO-friendly comments to your Astro blog with JamComments.

Automaticaly inject tailwind `@reference` directives into Astro component style blocks.

Use Fuse.js to search documents in your Astro site

A component for Astro JS that turns a website into an SPA

Managing SEO for your Astro website just got easier with @zfben/astro-head. This package simplifies the process of adding essential meta tags and open graph/twitter meta data to your Astro components, boosting your website's search engine visibility.

This package provides a Google Sheets loader for Astro. It allows you to load and parse publicly viewable Sheets, and use the data in your Astro site.

A utility function is used to build declaration files for use with Astro's `injectTypes` function added in the `astro:config:done` Integration Hook in `Astro 4.14.0`.

An Astro integration to automatically get typed links to your pages.

Add Netlify CMS’s admin dashboard to your Astro project

Use Lit components with Astro

This is [an unofficial template](#how-is-this-different-from-the-official-component-template) meant to ease the development of components for [Astro](https://astro.build/) that are intended for distribution. It does so by providing you with:

Supercharge your links. This component detects external / anchor / same domain / mail / telephone `href`, and apply optimizations accordingly.

This Astro integration brings obfuscator utilities to your Astro client project.

An Astro integration for Orama

An Astro wrapper for the '@github/relative-time-element' package

Generates Link tags for your Astro site

Astro cloudflare turnstile integration

A document head manager for astro.

Astro components and utilities for managing the head of a HTML document

An integration of @nanostores/i18n into Astro.

Use the Astro Simple Analytics Plugin to quickly integrate Simple Analytics in your Astro project with parameter control over several features.

Astro integration to easily add your own embeds (that replace matching URLs in mdx files)

An accessible emoji component for Astro applications

Use Mithril components within Astro

A prometheus integration for Astro.

Simple lightbox component.

Google Analytics integration for Astro with Partytown

🦔 Minimal Critters integration for astro.js

> [!NOTE] > This project moved to [SourceHut](https://git.sr.ht/~ayoayco/astro-resume).

Microsoft Clarity analytics in Astro site

A layout-first CSS framework for websites.

This is a template for an Astro component library. Use this template for writing components to use in multiple projects or publish to NPM.

A simple drop in lenis integration for Astro. Get smooth or die trying.

(hopefully) the easiest way to generate OpenGraph images from your astro site

Custom elements renderer for ssr

Interactive world map component for Astro with choropleth data visualization, country grid, and customizable views

Use Web Workers in Astro

Use Lit components within Astro, adapted from @astrojs/lit due to was deprecated

Simple BackgroundImage component for astro

A flexible Table of Contents (ToC) generator component for Astro. For blogs, documentation, or any content-rich page which benefits from in-page navigation

Astro integration that works the same way as Next.js font optimization.

Host fonts locally in your Astro project. Set up custom preloaded fonts and fallback fonts to reduce CLS. The Astro variant of https://www.npmjs.com/package/@next/font

Astro integration to use Sveltekit Superforms in your Astro + Svelte projects:

Highly customizable modal for Astro — simple to use and easy to style.

A type-safe simple and easy-to-modify Iconify Icon component for Astro

React component for Google reCAPTCHA

Embed an interactive map in your webpage. Using Leaflet.js under the hood.

Helper components for Astro

Astro + eleventy-img

Hydrogen Pay wrapper for astro

Explore your Tailwind config visually directly in your browser while developing.

Get the hash used by the Astro compiler to scope css rules.

Astro content loader for seamlessly integrating Hashnode blog posts into your Astro website using the Content Layer API

An Astro wrapper for the '@github/clipboard-copy' web component, an easy to use copy to clipboard button

The next level 🔥 experience of Astro 🚀 in a frenzy of Lottie wizardry 🪄

remark plugin to add folder-based layouts to MD and MDX files in Astro

Generate customizable user avatars with initials from names

Download Sanity File Assets to your Astro site

Phosphor Icons for Astro with great DX and the same official @phosphor-icons API.

Add page number buttons for pagination. Automaticly add and disable numbers as current page number.

This **[Astro integration][astro-integration]** brings [StyleX's](https://stylexjs.com/docs/learn/) CSS compiler to every `.astro` file and [framework component](https://docs.astro.build/en/core-concepts/framework-components/) in your project.

Elysn Astro components

Generate a CNAME file for your Astro site

An astro integration of i18next + some utility components to help you translate your astro websites!

Inline 🦔

Easily add meta tags to your Astro app.

A component library built for Astro

Make sure you never leak security-sensitive code to the browser.

Remove comments from HTML build files in Astro

Astro plugin to fetch Medium feeds by username

A server-side-rendered charting library for Astro.

AstroJS utility to resolve ES6 import/export for client side JavaScript

XElement is a powerful Astro Web Component generator. Create your own Astro compliant Web Components using only HTML Elements with additional Client-Side JS/TS interactivity sprinkled into the Element.

The official Course Builder integration for Astro projects!

GitHub Discussions Blog Loader for Astro

jsxstyle components for Astro

Yandex Metrika component for Astro

[](https://github.com/mkenney/software-guides/blob/master/STABILITY-BADGES.md#beta)

Common CSS resets in a configurable Astro component. Only needed CSS is injected into critical path.

Interactive CLI for create @QwikDev/astro projects.

BrainDB Astro integration

A collection of headless components and utilities for Astro. Pagination, Breadcrumb, Themes, Copy buttons, and more!

Componente reutilizable de Tabla de Contenido para Astro con seguimiento de progreso

Add Netlify CMS’s admin dashboard to your Astro project

The easiest way to add authentication to your Astro project!

This component relies on the good old browser router, still, it will give to your website an SPA feel, without all the JS overhead.

Full-coverage `<head>` gear for your Astro app.