JSPM

Internal helpers used by core Astro packages.

Add Prism syntax highlighting support to your Astro site

Generate a sitemap for your Astro site

Add support for MDX pages in your Astro site

Use React components within Astro

Utilities to generate _redirects files in Astro projects

UnoCSS integration for Astro

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

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

Use Svelte components within Astro

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

Use Vue components within Astro

Auto-import components in Astro projects

Component to easily embed Tweets on your Astro site

Official Sentry SDK for Astro

Generate a robots.txt for Astro

Component to easily embed Vimeo videos on your Astro site

Smooth page transitions, smart preloading and more in Astro

Component to easily embed YouTube videos on your Astro site

Compress 🗜️

Add support for Markdoc in your Astro site

Astro integration for Pagefind static site search

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

The easiest way to add authentication to your Astro project!

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

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

Get your Lucide icons right into your Astro project

Compress 🗜️

Clerk SDK for Astro

Provides Analytics snippets injection for popular web analytics tools

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

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

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

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

Inline 🦔

Remove unused CSS rules from your final Astro bundle

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

Phosphor icons as Astro components

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

Responsive Mobile Navigation with Dropdown in Astro

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

Add spotlight to your Astro toolbar, for better debugging.

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

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

Render any Markdown content in Astro

The i18n integration for Astro 🧑‍🚀

Let your CMS decide which components to import.

Bootstrap 5 components crafted for use with Astro

Get your Simple icons right into your Astro project

Fix a corner case in content collections rendering.

An Astro integration to optimize the Google Fonts loading performance

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

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

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.

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.

Build Astro with relative links.

A Starlight theme inspired by the Obsidian Publish website theme

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

Use Lit components within Astro

vanilla-cookieconsent for 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 —

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

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

Easy dark mode for Astro websites

An astro component library

A TypeScript-first internationalization library for Astro.

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

Use Angular components within Astro

Use Lottie animations within your Astro website

🗻 Format —

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

Social media share buttons for your Astro site

Parses browser user-agent strings for Astro

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.

Utilities to use with your 🌟 Starlight site.

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

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

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.

Heroicons as Astro components

Markdoc renderer for Astro

Create and share context across Astro components

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

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

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

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

Cosy Content

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

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.

An Astro integration that minifies HTML

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.

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

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

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

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中使用

Astro Component for CSS reset like tailwind base

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

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

Use components to control flow in Astro

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

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.

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.

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

Use Typst within Astro

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

Official Codecov Astro Plugin

Use Bau within Astro

Use Feelback service within your Astro website

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

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

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

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

Radix Icons for Astro

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

⭐ 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

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

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.

Astro components for Strapi Block Field

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

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

Astro loader for Strapi CMS

Expose your local Astro server to the internet

Beautify html files on astro final bundle with js-beautify

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

An Astro integration for creating photo galleries with AI metadata generation and geolocation features

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

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

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

Matomo integration for Astro

Lightweight typewriter effect component for Astro

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

Inline SVG into Astro templates.

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!

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.

Generate a security.txt file for your Astro site

Astro Integration of @originjs/module-federation package.

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

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

FontAwesome integration for Astro

Generate a robots.txt file for 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.

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

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.

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

Use Lit components with Astro

Hono Astro Adapter

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

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

Astro loading icons and small animations built with pure SVG.

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

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

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

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

Use Fuse.js to search documents in your Astro site

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.

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.

An Astro integration for Orama

Astro cloudflare turnstile integration

Simple BackgroundImage component for astro

Add Netlify CMS’s admin dashboard to your Astro project

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

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

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

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

🦔 Minimal Critters integration for astro.js

Use Mithril components within Astro

Generates Link tags for your Astro site

A document head manager for astro.

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

An accessible emoji component for Astro applications

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)

A layout-first CSS framework for websites.

A prometheus integration for Astro.

Simple lightbox component.

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

Google Analytics integration for Astro with Partytown

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

Microsoft Clarity analytics in Astro site

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

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

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

An integration of @nanostores/i18n into Astro.

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

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

React component for Google reCAPTCHA

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

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.

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

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

Helper components for Astro

Astro + eleventy-img

Hydrogen Pay wrapper for astro

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

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

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

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

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

Elysn Astro components

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

Generate customizable user avatars with initials from names

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

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.

Generate a CNAME file for your Astro site

Inline 🦔

Easily add meta tags to your Astro app.