JSPM

Internal helpers used by core Astro packages.

Add Prism syntax highlighting support to your Astro site

Add support for MDX pages in your Astro site

Generate a sitemap for your Astro site

Use React components within Astro

UnoCSS integration for Astro

Utilities to generate _redirects files in Astro projects

This **[Astro integration](https://docs.astro.build/en/guides/integrations-guide/)** provides a straight-forward `Icon` component for [Astro](https://astro.build).

Use Svelte components within Astro

Makes it easy to add SEO relevant tags to your Astro app.

Use Vue components within Astro

Use Partytown to move scripts into a web worker in your Astro project

Official Sentry SDK for Astro

Auto-import components in Astro projects

Component to easily embed Tweets on your Astro site

Component to easily embed YouTube videos on your Astro site

Add support for Markdoc in your Astro site

Smooth page transitions, smart preloading and more in Astro

Compress 🗜️

Generate a robots.txt for Astro

Astro components to easily embed common media formats

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

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

Managing your SEO easier in Astro projects

A gzip, brotli and zstd compressor for Astro

Use Solid components within Astro

Compress 🗜️

Use Preact components within Astro

Astro integration for Pagefind static site search

Clerk SDK for Astro

The easiest way to add authentication to your Astro project!

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

Provides Analytics snippets injection for popular web analytics tools

Get your Lucide icons right into your Astro project

Use Alpine within Astro

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

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

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

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

Responsive Mobile Navigation with Dropdown in Astro

Inline 🦔

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

Set of Starlight components to author showcase pages.

Automatically sort your head with capo.js in Astro

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.

Fix a corner case in content collections rendering.

Phosphor icons as Astro components

Bootstrap 5 components crafted for use with Astro

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

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

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

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

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

Get your Simple icons right into your Astro project

Use Qwik components and Resumability within Astro

Image Optimization tools for the Astro JS framework

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.

🦔 Inline —

Use Lit components within Astro

Analytics components for Astro

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

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

Build Astro with relative links.

An astro component library

A Starlight theme inspired by the Obsidian Publish website theme

Easy dark mode for Astro websites

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

A TypeScript-first internationalization library for 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!

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.

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

Use Angular components within Astro

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

Social media share buttons for your Astro site

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

Provides Google Analytics 4 snippet injection.

Generate a sitemap for Astro with more control

Utilities to use with your 🌟 Starlight site.

Use the legacy Markdown component in your Astro site

Create and share context across Astro components

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

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

Cosy Content

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

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)

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

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

Heroicons as Astro components

Markdoc renderer for Astro

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

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

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.

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

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

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

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

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

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

An Astro integration that minifies HTML

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

MCP server to support Astro project development

Use components to control flow in Astro

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

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

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

Official Codecov Astro Plugin

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

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

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.

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

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.

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

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

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

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

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

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 🦀

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

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

Astro loader for Strapi CMS

Astro Component for CSS reset like tailwind base

Expose your local Astro server to the internet

FontAwesome integration for Astro

Beautify html files on astro final bundle with js-beautify

Use Bau within Astro

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

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

Add Decap CMS's admin dashboard to your Astro project

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

Astro components for Strapi Block Field

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

Inline SVG into Astro templates.

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.

Use Feelback service within your Astro website

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

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

Astro Integration of @originjs/module-federation package.

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

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.

Matomo integration for Astro

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

Astro loading icons and small animations built with pure SVG.

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

This Astro integration generates preview images for external links.

Generate a security.txt file for your Astro site

Hono Astro Adapter

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

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

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

Generate a robots.txt file for your Astro site

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

This Astro integration generates a llms txt based on your pages when you build your Astro project.

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

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.

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.

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

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

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

Use Lit components with Astro

Generate customizable user avatars with initials from names

Add Netlify CMS’s admin dashboard to your Astro project

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

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`.

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:

A document head manager for astro.

Generates Link tags for your Astro site

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

Astro cloudflare turnstile integration

An Astro integration for Orama

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 integration of @nanostores/i18n into Astro.

An accessible emoji component for Astro applications

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

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.

Simple lightbox component.

A prometheus integration for Astro.

Google Analytics integration for Astro with Partytown

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

🦔 Minimal Critters integration for astro.js

Use Mithril components within Astro

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

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.

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

Simple BackgroundImage component for astro

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

Microsoft Clarity analytics in Astro site

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

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 Dev Toolbar App showcasing the built-in components listed in the docs

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

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

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

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

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

Helper components for Astro

React component for Google reCAPTCHA

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

Astro + eleventy-img

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

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

Hydrogen Pay wrapper for astro

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

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

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

Download Sanity File Assets to your Astro site

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

Generate a CNAME file for your Astro site

Elysn Astro components

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.

Easily add meta tags to your Astro app.

The easiest way to add authentication to your Astro project!

A component library built for Astro