Integrations

@astrojs/prism

Supports Prism highlighting in Astro projects

@unocss/astro

UnoCSS integration for Astro

@astrojs/tailwind

Tailwind + Astro Integrations

@astrojs/sitemap

Generate a sitemap for Astro

@astrojs/react

Use React components within Astro

@astrojs/image

Load and transform images in your Astro site.

@astrojs/mdx

Use MDX within Astro

@astrojs/vue

Use Vue components within Astro

@astrojs/svelte

Use Svelte components within Astro

@astrojs/preact

Use Preact components within Astro

astro-icon

A straight-forward `Icon` component for [Astro](https://astro.build).

astro-compress

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

@astrojs/partytown

Astro + Partytown integration

@astrojs/node

Deploy your site to a Node.js server

@astrojs/vercel

Deploy your site to Vercel

@astrojs/solid-js

Use Solid components within Astro

@astrojs/markdown-component

This package brings legacy support for the `<Markdown />` component to all Astro projects.

astro-seo

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

astro-robots-txt

Generate a robots.txt for Astro

@astrojs/lit

Use Lit components within Astro

astro-imagetools

Image Optimization tools for the Astro JS framework

@astro-community/astro-embed-youtube

Component to easily embed YouTube videos on your Astro site

@astrojs/netlify

Deploy your site to Netlify

@astrojs/cloudflare

Deploy your site to cloudflare pages functions

astro-i18next

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

astro-critters

🦔 AstroJS GoogleChromeLabs critters integration. Inline your critical CSS with Astro.

@astro-community/astro-embed-twitter

Component to easily embed Tweets on your Astro site

astro-embed

Astro components to easily embed common media formats

@astrojs/deno

Deploy your site to a Deno server

@astrolib/analytics

Provides Analytics snippets injection for popular web analytics tools

@astrojs/alpinejs

The official Alpine.js integration for Astro.

astro-eleventy-img

Astro + eleventy-img

astro-og-canvas

Generate OpenGraph images for your Astro site

astro-portabletext

Render Portable Text with Astro

astro-spa

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

astro-seo-schema

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

accessible-astro-components

A set of Accessible, easy to use, Front-end UI Components for Astro.

@analogjs/astro-angular

An Angular integration for Astro

astro-github-stats

Embed GitHub stats on your Astro page ✨

astro-xelement

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.

@littlesticks/odyssey-theme-components

Components for the Astro Odyssey theme

astro-uno

Astro UnoCSS Integration

astro-netlify-cms

Add Netlify CMS’s admin dashboard to your Astro project

astro-seo-meta

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

astro-analytics

Analytics components for Astro

@astro-auth/core

The core package of the Astro Auth library

@astro-auth/providers

The providers package of the Astro Auth library

@astro-auth/client

The client package of the Astro Auth library

astro-purgecss

Remove unused CSS rules from your final Astro bundle

astro-compressor

A gzip and brotli compressor for Astro

@astrolib/seo

Managing your SEO easier in Astro projects

astro-remote

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

astro-adoc

AsciiDoctor inside Astro

astro-testbed

Complete toolbox for Astro / JSX component testing and analysis. For design systems, storybooks, local dev. isolation, documentation…

astro-json-element

Create/define HTML elements using JSON objects

@julian_cataldo/astro-seo

!!!⚠️ MOVED to → `astro-seo-metadata` ⚠️!!! — Bare minimum SEO meta tags to make most social networks and Google engine happy.

astro-navigation

A plugin for creating hierarchical navigation in Astro projects. Supports breadcrumbs too!

astro-webmanifest

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

astro-fonts-next

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

astro-google-fonts-optimizer

An Astro integration to optimize the Google Fonts loading performance

@astro-github-elements/time

An Astro wrapper for the '@github/time-elements' library for easy to use Date/Time components

@tokencss/astro

@astro-bryceguy/pagination

This is a collection of components for paginating data and creating link navigation

agnostic-astro

AgnosticUI (Astro)

astro-emoji

An accessible emoji component for Astro applications

astro-useragent

Parses browser user-agent strings for Astro

@jop-software/astro-matomo

Matomo integration for Astro

astro-sitemap

Generate a sitemap for Astro with more control

astro-head

Batteries-included Astro component for your <head>

@julian_cataldo/astro-scroll-observer

!!!⚠️ MOVED to → `astro-scroll-observer` ⚠️!!! — Viewport scroll position and direction watcher. Binds states data attributes to `HTML` for further JS/CSS usage. Scroll event is throttled for performance economy.

@julian_cataldo/astro-transition

!!!⚠️ MOVED to → `astro-page-transition` ⚠️!!! — This component relies on the good old browser router, still, it will give to your website an SPA feel, without all the JS overhead.

astro-katex

use KaTex and Astro

astrojs-service-worker

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

astro-sanity

A helper package to integrate Astro and Sanity

astro-social-images

Social images generator for Astro

@astro-github-elements/clipboard-copy

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

@julian_cataldo/astro-tooltips

!!!⚠️ MOVED to → `astro-tooltips` ⚠️!!! — Progressively enhanced. This component globally override regular `title` attributes on all links with Tippy.js tooltips.

@julian_cataldo/astro-lightbox

Simple lightbox component.

astro-vanilla-extract

Adds vanilla-extract support to Astro

astro-og-image

An astro integration to generate static Open Graph images, at build time

@julian_cataldo/astro-prefetch

!!!⚠️ MOVED to → `astro-hover-prefetch` ⚠️!!! — This component capture mouse hovering on links with internal URLs. Then, it will prefetch the HTML document beforehand.

@sarissa/pagination

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

astro-geo-map

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

@stylify/astro

Stylify generates utility-first CSS dynamically based on what you write. Write HTML. Get CSS.

@astro-auth/ui

The UI package of the Astro Auth library

astro-link

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

astro-html-minifier

A HTML minifier for Astro

simple-astro-seo

A simple SEO package that includes everything you need to rank and share your content with others

astro-diagram

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

astro-meta

astro-svg-loaders

Astro loading icons and small animations built with pure SVG.

@julian_cataldo/astro-resets

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

@chisel-ui/astro

A collection of layout primitives used as building blocks for common layout patterns.

@astro-reactive/form

The Reactive Form component for Astro 🔥

@astro-reactive/validator

Form validation library for Astro 🔥

@julian_cataldo/astro-color-mode

!!!⚠️ MOVED to → `astro-color-mode` ⚠️!!! — Provides system or user-defined color scheme preference, with a toggle mechanism. Settings are persisted, component is progressively enhanced and flash of unstyled content avoided. Also, it will provide an easie

@astropub/flow

Use components to control flow in Astro

hello-astro

An Astro component that returns a random greeting in a random language

astro-tabs

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

@senseimarv/astro-icon

> This is a fork of [Astro Icon](https://github.com/natemoo-re/astro-icon) with `@iconify/json` as peer dependency.

astro-auto-import

Auto-import components in Astro projects

@julian_cataldo/astro-breakpoints

!!!⚠️ MOVED to → `astro-breakpoints` ⚠️!!! — Provides cross languages breakpoints handlers for your app. SCSS mixin, JS hook and a DOM data attribute, all share the same responsive scale you choose to feed in.

@simpleauthority/astro-icon-ssr

A straight-forward `Icon` component for [Astro](https://astro.build).

@astro-bryceguy/rating

Astro component that uses star icons to display the rating of a product, post, comment, etc.

astro-infinity

An Image Component for Astro. Works With SSR.

astro-convert

🫶 AstroJS convert utilities. Convert your files automatically.

astro-themes

Easy dark mode for Astro websites

@astropub/icons

Radix Icons for Astro

astro-iconify

Easily use iconify service with the astro icon component

astro-page-transition

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

astro-tooltips

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

astro-scroll-observer

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-breakpoints

Provides cross languages breakpoints handlers for your app. SCSS mixin, JS hook and a DOM data attribute, all share the same responsive scale you choose to feed in.

astro-theme

Theme utils for astro

astro-bug

A package to demostrate the bug related with astro integrations page

astro-licenses-report

Give credits to the awesome JS open-source community with this component. It will generate a table with important informations about packages used by your project.

@astro-bryceguy/utility

A collection of utility components

custom-elements-ssr

Custom elements renderer for ssr

astro-base-document

Provide sensible defaults for HTML base document. The goal is to reduce boilerplate when using multiple layouts in Astro projects.

astro-color-mode

Provides system or user-defined color scheme preference, with a toggle mechanism. Settings are persisted, component is progressively enhanced and flash of unstyled content avoided. Also, it will provide an easier way to target theme with CSS / SCSS / JS.

astro-feather-icons

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

astro-latex

LaTeX component for Astro

astro-image

Image util for astro

@lloydjatkinson/astro-snipcart

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:

astro-ixmage

Optimize your site images - ixmage.com

astro-plain

Generic, batteries-included prototype for Astro pages

astro-terminal-player

Embed player for terminal sessions (recorded with asciinema) in your Astro project. Using asciinema player under the hood. Comes with full asciinema player settings support, typings and docs hints.

@ryandejaegher/my-component

This is an example package, exported as `@example/my-component`. It consists of two Astro components, **Button** and **Heading**.

@astropub/md

Render arbitrary Markdown content in Astro

astro-localization

Localization utils for astro

reactive-astro-sidebar

Reactive Astro Sidebar will make your sidebar reactive as it promise to react when ever the main content of your docs change and update itself to highlight that, hope that It will make you life easier.

@jcha0713/astro-notion

Data fetching tool that connects Astro and Notion

astro-headers

Collection of configurable headers for astro

astro-php

@lloydjatkinson/astro-snipcart-design-system

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:

@jackcarey/astro-lunr

An Astro integration to generate Lunr search index at build time

@rebelchris/astro-static-tweet

This is a open source [Astro](https://astro.build/) component. Astro is a open-source Static Site Generator... But it comes with a bring your own framework approach as well as the option to use components but output fully static websites.

astro-single-file

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

astro-sections

Sections for astro

astro-list-component

A List component for your project with svg elements.

astro-command

Astro component for static rendering of commands. This allows you build components in any language.

@astropub/doc

Create document layouts with minimal markup in Astro

astro-form

Forms for astro

position-component

```bash # install with npm npm i position-component # or yarn yarn create astro # or pnpm pnpm create astro@latest ```

astro-script

A simple script management component for Astro

astro-windicss

Windicss + Astro integrations

nativelatex

package to provide svg from tex in astro

@astropub/experiments

A collection of experimental Astro components and tooling.

astro-footers

Collection of footers for astro

@astropub/contentful

Use Contentful in Astro

astro-utils

Various utils for astro

astro-dead-links

🪦 AstroJS dead links remover. Remove your dead links from Astro.

astro-pandoc

Astro component for using pandoc to convert content. This allows you to embed any format pandoc supports. - Supported formats https://pandoc.org/MANUAL.html#general-options - [Demo](https://github.com/trashhalo/astro-pandoc/blob/main/src/components/Demo.

astro-control

Utility components for more ergonomic Astro rendering.

@coderspirit/lyra-astro

An Astro integration for Lyra

sifra

A toolkit for writing interactive tutorials

astro-short-urls

🔗 AstroJS URL shortener. Automatically shorten all your external URLs.

astro-hotjar

Hotjar component for Astro

astro-smartlook

Smartlook component for Astro

astro-meta-blogspot

astro-img

🖼️ AstroJS image component.

astro-networks

🚠

astroid

Extend Astro Routing

agnosticui-astro

Astro + AgnosticUI integration

@lyrasearch/plugin-astro

An Astro integration for Lyra

@jackcarey/astro-filter-content

Astro components to enable DOM filtering of content within a page.

astro-github

Showing the Github Stars badge on Astro

@ryandejaegher/my-astro-component

This is an example package, exported as `@example/my-component`. It consists of two Astro components, **Button** and **Heading**.

astro-blog

Collection of utils for blogging with astro

astro-lottie

Lottie library support for astro

@m4rrc0/astro-fetch-ahead

Astro integration to do async stuff before the actual build

astro-zdog


astro-space-agency

Astro Space Agency is a component library for withastro/astro with spaceship building in mind

astros-style

Style for astros theme

astro-sal

Sal library support for astro

astro-google-analytics

Provides Google Analytics 4 snippet injection.

astro-div

It's only a <div />

astro-hover-prefetch

This component capture mouse hovering on links with internal URLs. Then, it will prefetch the HTML document beforehand.

astro-seo-metadata

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