Kick it into lightspeed with integrations

@binz/visor

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

astro-annotate

Visual annotation overlay for Astro staging sites. Clients annotate HTML elements directly in the browser. Annotations stored as structured JSON, readable by developers and LLMs.

184

@shiftescape/astro-env-inspector

Dev toolbar integration for Astro that shows your environment variables grouped, masked, and searchable — only active in development mode.

147

astrolab-ui

View your Astro components in one place, letting you preview them and interactively adjust props and slots in real time

126

@omniaura/astro-grab

Hold a key, hover, click — grab any element's source context for AI agents. Astro devtool.

120

@altano/astro-opengraph

Open Graph Tools for Astro

111

astro-toolbar-ua

Astro dev toolbar app for switching user agent strings — test platform detection and browser-specific behavior without leaving the browser.

109

astro-click-to-ai

Astro Dev Toolbar app: click elements to capture context with annotations for AI coding assistants.

109

astro-caliper

Astro toolbar app designed to assist developers in converting designs to code. It provides visual aids and inspection tools directly within the browser.

@lexingtonthemes/astro-image-inspector

Astro Dev Toolbar app to inspect images on hover: actual size, render size, and warnings

@shiftescape/astro-toolbar-routes

Dev toolbar integration for Astro that shows a live, clickable route map of your entire project — grouped, searchable, and active only in development.

@shiftescape/astro-bundle-budget

Build-time JS/CSS bundle size budgets for Astro. Fails the build when pages exceed your thresholds.

astro-content-viewer

Astro Dev Toolbar for viewing content collections, schemas, and variables

@thebcms/components-astro

Helper components for Astro

@grantcodes/footprint-astro

An Astro integration to show your websites CO2 output in the dev toolbar

astro-layoutgrid

A zero-dependency layout grid component for AstroJS.

astro-content-devtools

Browse Astro Content Collections, schemas and entry files in your browser

astro-web-vitals-pocketbase

Submit an integration

Anyone can submit an integration to Astro. If you have questions about building your own integration, join our community on Discord!

Submit integration