Storybook integrates with many popular frontend frameworks. We do our best to keep feature parity amongst frameworks, but it’s tricky for our modest team to support every framework.
Below is a comprehensive table of what’s supported in which framework integration. If you’d like a certain feature supported in your framework, we welcome pull requests.
Core frameworks
Core frameworks have dedicated maintainers or contributors who are responsible for maintaining the integration. As such, you can use most Storybook features in these frameworks.
| | React | Vue 3 | Angular | Web Components | | ----------------------------------------------------------------------------------------- | ----- | ----- | ------- | -------------- | | Essentials | | | | | | Actions | ✅ | ✅ | ✅ | ✅ | | Backgrounds | ✅ | ✅ | ✅ | ✅ | | Docs | ✅ | ✅ | ✅ | ✅ | | Viewport | ✅ | ✅ | ✅ | ✅ | | Controls | ✅ | ✅ | ✅ | ✅ | | Measure | ✅ | ✅ | ✅ | ✅ | | Outline | ✅ | ✅ | ✅ | ✅ | | Addons | | | | | | A11y | ✅ | ✅ | ✅ | ✅ | | Interactions | ✅ | ✅ | ✅ | ✅ | | Test runner | ✅ | ✅ | ✅ | ✅ | | Test coverage | ✅ | ✅ | ✅ | ✅ | | CSS resources | ✅ | ✅ | ✅ | ✅ | | Design assets | ✅ | ✅ | ✅ | ✅ | | Events | ✅ | ✅ | ✅ | ✅ | | Google analytics | ✅ | ✅ | ✅ | ✅ | | GraphQL | ✅ | | ✅ | | | Jest | ✅ | ✅ | ✅ | ✅ | | Links | ✅ | ✅ | ✅ | ✅ | | Queryparams | ✅ | ✅ | ✅ | ✅ | | Storysource | ✅ | ✅ | ✅ | ✅ | | Docs | | | | | | CSF Stories | ✅ | ✅ | ✅ | ✅ | | Autodocs | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - ArgTypes | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Canvas | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - ColorPalette | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Controls | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Description | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - IconGallery | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Markdown | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Meta | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Primary | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Source | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Story | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Stories | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Subtitle | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Title | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Typeset | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Unstyled | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - UseOf | ✅ | ✅ | ✅ | ✅ | | Inline stories | ✅ | ✅ | ✅ | ✅ |
Community frameworks
Community frameworks have fewer contributors which means they may not be as up to date as core frameworks. If you use one of these frameworks for your job, please consider contributing to its integration with Storybook.
| | Ember | HTML | Svelte | Preact | Qwik | SolidJS | | ----------------------------------------------------------------------------------------- | ----- | ---- | ------ | ------ | ---- | ------- | | Essentials | | | | | | | | Actions | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Backgrounds | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Docs | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Viewport | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Controls | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Measure | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Outline | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Addons | | | | | | | | A11y | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Interactions | | ✅ | ✅ | ✅ | ✅ | ✅ | | Test runner | | ✅ | ✅ | ✅ | ✅ | ✅ | | Test coverage | | ✅ | ✅ | ✅ | ✅ | ✅ | | CSS resources | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Design assets | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Events | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Google analytics | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | GraphQL | | | | | | | | Jest | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Links | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Queryparams | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Storysource | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Docs | | | | | | | | CSF Stories | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Autodocs | | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - ArgTypes | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Canvas | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - ColorPalette | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Controls | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Description | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - IconGallery | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Markdown | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Meta | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Primary | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Source | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Story | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Stories | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Subtitle | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Title | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Typeset | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - Unstyled | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Doc Blocks - UseOf | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | | Inline stories | | ✅ | ✅ | | | |
Deprecated
To align the Storybook ecosystem with the current state of frontend development, the following features and addons are now deprecated, no longer maintained, and will be removed in future versions of Storybook
| Feature | Status |
| --------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Knobs | The Knobs addon was officially deprecated with the release of Storybook 6.3 and is no longer actively maintained. We recommend using the controls instead. |
| Storyshots | The Storyshots addon was officially deprecated with the release of Storybook 7.6, is no longer actively maintained and was removed in Storybook 8. See the migration guide for the available alternatives. |
| StoriesOf | The storiesOf API was officially removed with the release of Storybook 8 and is no longer maintained. We recommend using the CSF API instead for writing stories.
See the migration guide for more information. |