Getting Started
Storybook Astro is the community-supported Storybook framework for Astro. It lets you build, test, and document your Astro components in Storybook’s interactive environment.
What it does
Section titled “What it does”- Server-side renders Astro components in Storybook — close to production behavior
- Supports Astro + UI frameworks together in one Storybook: Astro components alongside React, Vue, Svelte, Preact, Solid, and Alpine.js
- Hot module replacement during development for fast iteration
- Static builds with pre-rendered Astro component stories
- Portable stories for testing with Vitest
Quick links
Section titled “Quick links”- Live Demo — See Storybook Astro in action
- GitHub Repository — Source code, issues, and discussions
- npm Package
Ready to get started? Check the Requirements and then follow the Installation guide.