Astro 5 & 6 + Storybook 10

Build, test & document
Astro components

The community-supported Storybook framework for Astro.
Render Astro components server-side, and preview client-side UI components in the same Storybook.

Live Demo Get Started 
npm install -D storybook @storybook/builder-vite @storybook-astro/framework
GitHub stars
0
storybook-astro/storybook-astro
contributors
4
lukemcdslawekkolodziejtylercallisonastrobot-houston
storybook-astro/storybook-astro
npm weekly downloads
0
@storybook-astro/framework
⚡

Server-Side Rendering

Astro components render server-side in Storybook with production-like behavior.

🧩

Astro + UI Frameworks

Render Astro components and client-side UI components together in one Storybook, including React, Vue, Svelte, Solid, Preact, and Alpine.js.

🧪

Portable Stories

Use composeStories to test your stories in Vitest with full type safety and zero config.

See it in action

Explore interactive component demos across every supported framework.

Live Demo → View on GitHub