Kick it into lightspeed with integrations

@shiftescape/astro-bundle-budget

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

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

494

astro-inspect-clip

Astro dev-toolbar app to copy source, DOM context, and focused UI instructions

476

astro-integration-pocketbase

An Astro integration to support developers working with astro-loader-pocketbase.

410

@lexingtonthemes/astro-image-inspector

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

408

@shiftescape/astro-i18n-toolkit

Dev toolbar integration for Astro that shows a live i18n debugger — translation coverage map across all locales and a one-click locale switcher, library-agnostic.

390

astro-content-viewer

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

380

astro-wysiwyg

Edit rendered Astro and Markdown text in place and save it to source files during development.

370

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.

352

@orbytes/astrolab

The orbytes component lab and pin board — an Astrobook shell for Astro sites (live/used-by pills, a viewport configurator, responsive and cull marks, a parameters panel) plus a dev-only click-to-ticket feedback board at /pin.

325

@thenewdynamic/astro-debug-actions

Astro integration for a dev-only debug panel with breakpoint visualization

284

astro-devtool-breakpoints

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

260

@opacedev/astro-visual-editor

Astro Visual Editor for front-end text and SEO editing, section drag-and-drop, reviewed changes and validated source writes from the Dev Toolbar.

247

@caracode/pins

Astro dev-toolbar apps for pinning notes onto page elements in local dev, stored as JSON for Claude Code to act on.

240

astrotation

Visual feedback for AI coding agents on Astro sites — annotate elements in the dev toolbar, agents receive them live over MCP

207

astro-mesurer

Measure and align elements from the Astro dev toolbar with Mesurer.

203

@nuasite/cms-marker

Mark html tags with a unique identifier and generate a JSON file with the mapping.

139

@shiftescape/astro-env-inspector

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

104

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