# Storybook Rsbuild

> Storybook builder and frameworks powered by Rsbuild.

## Guide

- [Getting started](/guide/index.md): Storybook Rsbuild allows you to use Rsbuild as the build engine for Storybook, providing faster startup and build times.
- [Configuration](/guide/configuration.md): Storybook Rsbuild provides several ways to customize the build process and behavior. This guide covers the configuration options available in your .storybook/main.ts.
- [Examples](/guide/examples.md): Storybook Rsbuild provides a variety of examples (sandboxes) to help you get started with different frameworks and configurations. These examples are located in the sandboxes directory of the repository.
- [Framework](/guide/framework.md): Storybook supports many frontend stacks—React, Vue, Web Components, and more. Use this section to learn how to add or extend framework support when working with Storybook Rsbuild.
- [React](/guide/framework/react.md): Storybook for React & Rsbuild lets you develop and test React components in isolation using the Rsbuild toolchain your app already relies on.
- [React Native Web](/guide/framework/react-native-web.md): Storybook for React Native Web & Rsbuild enables you to develop and document React Native components that run on the web using react-native-web. This framework extends storybook-react-rsbuild to provide full React Native Web compatibility, including alias resolution, web-specific extensions, and transpilation of React Native packages.
- [Vue](/guide/framework/vue.md): Storybook for Vue & Rsbuild helps you preview and iterate on Vue components with the same Rsbuild configuration you use for your application.
- [Web Components](/guide/framework/web-components.md): Storybook for Web Components & Rsbuild is tailored for Lit and custom-element projects, giving you fast component previews without leaving your Rsbuild workflow.
- [Vanilla JS / TS](/guide/framework/vanilla.md): Use Storybook for vanilla JavaScript or TypeScript projects to preview UI components while keeping your Rsbuild pipeline intact.
- [Modern.js](/guide/integrations/modernjs.md): This addon loads a reusable Rsbuild config from your Modern.js configuration file so storybook-builder-rsbuild reuses the same settings your application already trusts.
- [Rslib](/guide/integrations/rslib.md): This addon loads the reusable parts of the Rsbuild config from your Rslib configuration file while keeping library-only settings out of the Storybook preview build. It also lets you develop the mf (Module Federation) format inside Storybook. See the React component library example for a full reference implementation.
- [Rstack](/guide/integrations/rstack.md): This addon loads an app or library definition from your Rstack configuration and reuses its Storybook-safe Rsbuild settings in the preview build. See the Rstack React app example and the Rstack React component example for complete setups.
- [Rspack](/guide/integrations/rspack.md): Rsbuild is built on Rspack, so any configuration you apply in Rsbuild can work with raw Rspack projects too. This guide shows how to connect Storybook Rsbuild to an existing Rspack setup. Explore the Rspack React sandbox for a complete reference implementation.
- [Migration](/guide/migration.md): This guide covers migrating an existing Storybook project from the webpack5 or Vite framework to Storybook Rsbuild (e.g. storybook-react-rsbuild).
- [Troubleshooting](/guide/troubleshooting.md)