@astrojs/tailwind
Use Tailwind CSS to style your Astro site
Found 513 results for withastro
Use Tailwind CSS to style your Astro site
Deploy your site to a Node.js server
Astro integration for Expressive Code, a modular syntax highlighting & annotation engine for presenting source code on the web. Offers full VS Code theme support, editor & terminal frames, copy to clipboard, text markers, collapsible sections, and more.
Deploy your site to Cloudflare Workers/Pages
Build beautiful, high-performance documentation websites with Astro
Deploy your site to Vercel
Deploy your site to Netlify
Auto-import components in Astro projects
Universal bundle analyzer and visualizer that works with most popular bundlers and frameworks.
Smooth page transitions, smart preloading and more in Astro
Official Sentry SDK for Astro
Compress 🗜️
The easiest way to add authentication to your Astro project!
Official Sanity Astro integration
Compress 🗜️
Astro integration for Pagefind static site search
Managing your SEO easier in Astro projects
Adapter that allows Astro to deploy your site to AWS utilizing SST.
Component to embed a fully-styled Bluesky post with no client-side JavaScript in your Astro site
A package that contains utilities to help you build Astro integrations.
Generate OpenGraph images for your Astro site
Official Astro integration for the Storyblok Headless CMS
Clerk SDK for Astro
Quickly display npm related commands for multiple package managers in your Starlight documentation site.
A flexible and customizable library for rendering Portable Text content in your Astro projects
Provides Analytics snippets injection for popular web analytics tools
Inline 🦔
Well configurable breadcrumb component for Astro.js. Create breadcrumbs completely dynamically or specify exactly how they should look.
Add libSQL support to your Astro site
A high-performance, responsive image service and component library for Astro
Add a ripple-style theme toggle animation to your Astro project with ease
Let your CMS decide which components to import.
Render any Markdown content in Astro
Add spotlight to your Astro toolbar, for better debugging.
Generate llms.txt files to train large language models on your Starlight documentation website
The i18n integration for Astro 🧑🚀
A simple form library for Astro projects
Deploy your Astro site to a Deno server
Track your website's performance with Astro DB
Add custom file based routing directories in Astro
A Dev Toolbar extension to debug meta tags in your Astro website
Internal package powering integrations between Astro projects and Astro Studio
Bootstrap 5 components crafted for use with Astro
An integration that adds a polyfill for the astro:page-load event when view transitions are not used.
🦔 Inline —
Shared request state between server and client
Easily create theme integrations for Astro
Expose Astro Integration Logger at runtime for consistent output
Deploy your site to a Node.js server
The UI library for StudioCMS. Includes the layouts & components we use to build StudioCMS.
Deploy Astro to AWS Amplify (SSR)
Starlight plugin adding a graph component to the site's right-sidebar
Fix a corner case in content collections rendering.
A Starlight theme inspired by the Obsidian Publish website theme
Display a progress bar between page navigations when using View Transitions
Build Astro with relative links.
Make your Nanostores concurrent safe and shared from server to client
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.
Add custom 'public' directories in Astro
Shows everything to improve from Lighthouse results directly on the page.
Use Qwik components and Resumability within Astro
🗻 Format —
Utilities to use with your 🌟 Starlight site.
Social media share buttons for your Astro site
Matomo integration for Astro
An astro component library
A lightweight integration for Astro that automatically generates a Cloudflare Pages _headers file for deployments based on your server header configuration.
Astro integration to enhance your website's security with SubResource Integrity hashes, Content-Security-Policy headers, and other techniques.
A dynamic Astro header component that switches between floating and fullscreen styles
Markdoc renderer for Astro
Create and share context across Astro components
A reactive state management library using nanostores and @astro-tools/transfer-state libraries for having isolation by request state transferred from server to client
CSS color preview plugin for Expressive Code. Display a small sample of each CSS color in your syntax highlighted code examples.
Astro component for swiper, dedicated to slider / carousel / photo swiper / slide, including thumbnails

Generate Open Graph images for your Astro site.
Astro dev toolbar app that previews your page on social platforms and shows its open graph data.
Add Umami Analytics to your Astro website
Clean and modern Starlight theme by Six Technology
Access the Astro global from MDX, React, and other framework components.
A flexible, accessible pagination component for displaying links to next, previous, first, last and a window of pages in your Astro site.
A state management integration for having request isolated state transferred from server to client
An Astro integration for creating photo galleries with AI metadata generation and geolocation features
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.
Maintenance and Coming Soon integration for Astro
astro-rename is an Astro integration that brings postcss-rename functionality to your Astro project without the need for configuration.
Show the current Tailwind CSS breakpoint in the Astro dev toolbar!
Build beautiful, accessible, high-performance blog websites with Astro
An adapter for deploying an Astro application to AWS Lambda
Astro integration for critters-rs. Quickly inline your website's critical CSS.
This package provides feed loaders for Astro. It allows you to load and parse RSS, RDF, and Atom feeds, and use the data in your Astro site.
An Astro integration that minifies HTML
Astro integration for image compression and conversion, superseding Astro's default image service.
A content loader for Astro that uses the PocketBase API
A set of components and utilities to work faster with DatoCMS in Astro projects.
Use components to control flow in Astro
Astro loader for loading GitHub releases from a user's commit history or a list of repositories.
Define server actions with built-in validation, error handling, and a pre-built hono client for calling the routes.
Spaceship Framework for Astro
A Dev Toolbar App to display the size of the current viewport—as a tailwind class.
An Astro adapter to deploy your SSR site to Bun targets
<h3 align="center"> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/> <img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transp
Hyperapp integration for astro.build
This package provides a CSV loader for Astro. It allows you to load and parse CSV files, and use the data in your Astro site, including using it to generate pages.
A component library built for Astro
Starlight theme inspired by Shadcn docs
Astro loader for loading GitHub pull requests with a search query.
Use Typst within Astro
Arcjet helps developers protect their Astro sites in just a few lines of code. Bot detection. Rate limiting. Email validation. Attack protection. Data redaction. A developer-first approach to security.
Astro plugin generating Markdown documentation from a GraphQL schema. This plugin is modified off the [docusaurus-graphql-plugin](https://github.com/zhouzi/docusaurus-graphql-plugin) by [Gabin Aureche](https://github.com/zhouzi). If, for some reason, you
Protect email addresses, phone numbers and other sensitive data from bots scraping the source code of your Astro app.
🎯 Set redirect urls in your frontmatter within your Astro site's Markdown files. Mimics the behavior of jekyll-redirect-from.
Add fullscreen functionality to codeblocks in your documentation website.
An accessible carousel component for Astro 🚀 that works by using browser navigation.
An Astro content loader for i18n files and folder structures.
Define custom routing instead of Astro's default file-based routing.
Astro Native CMS for AstroDB. Built from the ground up by the Astro community.
Astro Integration to generate a customizable table of contents
Deploy your site to a Deno server
Beautify html files on astro final bundle with js-beautify
Astro UI for Obsidian Vaults
Leaflet astro component, to display maps: Google Maps, Openstreetmap, maps from Michelin, googlemaps, Open Street Map...
Yet another i18n integration for Astro with server and client utilities, type safety and translations built-in.
Use your Obsidian Vault in Astro projects
Let's you choose between Astro Adapters based off of the `ASTRO_ADAPTER_MODE` environment variable.
Performs the indexing operation for the Pagefind search engine
Astro integration and utilities to help you generate OpenGraph images using satori.
Tiny set of tools to implement internationalization for Astro
Remark plugin for Astro to automatically add description text to the frontmatter of markdown files
Astro component for lightgallery, JavaScript gallery for building beautiful image and video galleries and carousel (including thumbnail) for the web and the mobile
Select elements in Astro without the hassle
Suspend your Astro components with fallback content.
Build cross-platform desktop apps with Electron and Astro
A customized Astro Starlight theme for publishing docs and educational content.
The Astro component for Splide dedicated to slides / carousel / photo swiper.
This package is designed to eliminate confusion caused by the default naming convention, which names files after their entry points.
An Astro integration to support developers working with astro-loader-pocketbase.
A prometheus integration for Astro.
<h1 align="center">Astro Dev-only Routes 🚀</h1> <h4 align="center">Make some routes only available in dev mode</h4>
AstroNicoEmbed allows easy embedding of Niconico Douga (ニコニコ動画) videos in Astro projects.
An easy way to use Shoelace.style within your Astro Project!
Astro integration that automatically converts PlantUML code blocks in markdown to diagrams. Supports sequence, class, activity, state diagrams and more.
Expose your local Astro server to the internet
Astro components for Strapi Block Field
markdown preprocessor for zikojs
Extremely ⚡ fast and smart 🟠 HTML 🟡 JS 🔵 CSS 🟣 SVG minification for Astro 🚀 based on Rust 🦀
minification for astro static sites
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.
Astro component library for adding Progressive Web App (PWA). Includes a web push management panel seamlessly integrated with Firebase.
Effect-TS Utilities for Astro
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.
Pull in values from remote JSON files or remote code blocks at build time.
Provide a CSSStyleSheet or a CSSResult (Lit) for using with import attributes. Using the "with" keyword and "type : css".
Polar integration for Astro
Microsoft Clarity analytics in Astro site
Use WebSockets in your Astro SSR Apps and run it on Cloudflare Workers.
Lightweight typewriter effect component for Astro
Astro integration to automatically generate AI-friendly documentation files: /llms.txt, /llms-small.txt, and /llms-full.txt
Generate a security.txt file for your Astro site
Extend Starlight’s Markdown asides syntax with custom block types
<div align="center"> <p> <strong>🚀 @hedystia/astro-bun</strong> </p>
Generate a robots.txt file for your Astro site
A dedicated CMS for Astro DB. Built from the ground up by the Astro community.
Generate llms.txt files to train large language models on your astro project
integrate zikojs elements within other ui framework like vue react solidjs svelte astro ...
Astro loader for loading Bluesky posts and threads using post URLs or AT-URIs.
Official Codecov Astro Plugin
An Astro integration to automatically get typed links to your pages.
Component Registry Utilities for Astro
GitHub Discussions Blog Loader for Astro
Utilities for testing your own Astro integrations and libraries based on Astro's own testing tools
Cosy Content
A simple drop in lenis integration for Astro. Get smooth or die trying.
Astro integration to easily authenticateyour site visitors using ATproto. For Bluesky and beyond.
This package provides a Airtable loader for Astro. It allows you to load records from an Airtable base and use them as content in your Astro project.
A composable and accessible component framework
⭐ 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! 💎
Utilities to work with content collections on an Astro project from an integration or library.
Use WebSockets in your Astro SSR Apps
Use the Astro Simple Analytics Plugin to quickly integrate Simple Analytics in your Astro project with parameter control over several features.
A uploader for uploading the Astro generated files and other static files through the S3 API.
An Astro Integration that allows you to run code alongside a NodeJS deployment.
An Astro integration for development-only pages
A package for managing variables between server and client in Astro projects
Lighthouse Pagespeed insights within the Astro dev toolbar
Hono Astro Adapter
Integrates i18next and react-i18next seamlessly into your Astro website to provide robust i18n support for React components.
Generates Link tags for your Astro site
Astro integration to automatically convert bare links into link cards.
Add A WYSIWYG Editor to your StudioCMS project with ease!
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.
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`.
Try out different fonts on your website by putting a font picker in the Astro Dev Toolbar
Add aliasing support to Astro, JavaScript, TypeScript, and CSS files from tsconfig.json or jsconfig.json
A wrapper for formidable to use with Astro
Astro cloudflare turnstile integration
Astro integration to easily add your own embeds (that replace matching URLs in mdx files)
Block AI scrapers in the `robots.txt` for your Astro site
Use your WordPress data in Astro projects
React like Context for astro.js
A package for loading content into Astro's Content Collection API
Load data from Goodreads in Astro
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 for Iubenda Privacy Policy and Terms & Conditions
An integration of @nanostores/i18n into Astro.
A zero-dependency layout grid component for AstroJS.
brotli compression for astro static sites
An Astro integration that allows for creating type-safe server endpoints.
Starlight theme inspired by Mintlify
This package provides Bluesky post loaders for Astro. It allows you to load and parse Bluesky posts, and use the data in your Astro site.
Deploy your Astro site to Vercel Edge Functions
Removes unused images from your SSG build
Deploy your site to Nekoweb
Text typographer for statically rendered files in Astro
Constructs for deploying an Astro application to AWS Lambda
Warp-drive search for Astro sites using Pagefind
Inline 🦔
Generate optimal font subsets for your Astro-powered websites
Astro integration to use Sveltekit Superforms in your Astro + Svelte projects:
🦔 Minimal Critters integration for astro.js
> ⚠️ This integration is still experimental! Only `output: 'server'` environments and `node` environments are supported currently.
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.
Load Stripe data in Astro.
Transport HTML elements through your page during rendering using Portals.
A component library built for Astro
An universal plugin for importing .xls and .xlsx files directly as ZikoJS Matrix.
A flexible Table of Contents (ToC) generator component for Astro. For blogs, documentation, or any content-rich page which benefits from in-page navigation
A simple feature flags integration for Astro. Powered by Content Layer.
Common tools and utilities for working with Server Islands.
This package lets you load mock data into your Astro content collections. It can be used alongside a real loader to mock out data that is not available in development, or it can be used as a standalone source of data. It is based on [faker.js](https://git
Astro loader for loading tweets by ID.
Immediately halt request processing and return custom responses effortlessly.
Deploy your site to Vercel
Astro integration that captures headers and redirects during prerender and writes platform-specific config (Netlify, Cloudflare, Vercel).
Generate OG images from a static folder and / or a middleware. Extract metadata from HTML pages. No headless browser involved. Comes as a CLI, API or plugins.
> Load files stored in a Github Repository into your Astro Content Layer
Use your own authored service worker with Astro
Interactive CLI for create @QwikDev/astro projects.
BrainDB Astro integration
Astro content loader for notion!
Astro plugin to fetch Medium feeds by username
remark plugin to add folder-based layouts to MD and MDX files in Astro
jsxstyle components for Astro
Astro integration that automatically converts PlantUML code blocks in markdown to diagrams. Supports sequence, class, activity, state diagrams and more. This is a fork of Jose Sebastians project.
See [project documentation](https://github.com/JulianCataldo/astro-openapi#readme).
Explore your Tailwind config visually directly in your browser while developing.
Download Sanity File Assets to your Astro site
Phosphor Icons for Astro with great DX and the same official @phosphor-icons API.