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 | Angular | Web Components | |
|---|---|---|---|---|
| Essentials | ||||
| Actions | ✅ | ✅ | ✅ | ✅ |
| Backgrounds | ✅ | ✅ | ✅ | ✅ |
| Docs | ✅ | ✅ | ✅ | ✅ |
| Viewport | ✅ | ✅ | ✅ | ✅ |
| Controls | ✅ | ✅ | ✅ | ✅ |
| Measure | ✅ | ✅ | ✅ | ✅ |
| Outline | ✅ | ✅ | ✅ | ✅ |
| Addons | ||||
| a11y | ✅ | ✅ | ✅ | ✅ |
| interactions | ✅ | ✅ | ✅ | ✅ |
| test-runner | ✅ | ✅ | ✅ | ✅ |
| test coverage | ✅ | ✅ | ✅ | ✅ |
| cssresources | ✅ | ✅ | ✅ | ✅ |
| design-assets | ✅ | ✅ | ✅ | ✅ |
| events | ✅ | ✅ | ✅ | ✅ |
| google-analytics | ✅ | ✅ | ✅ | ✅ |
| graphql | ✅ | ✅ | ||
| jest | ✅ | ✅ | ✅ | ✅ |
| knobs | ✅ | ✅ | ✅ | ✅ |
| links | ✅ | ✅ | ✅ | ✅ |
| queryparams | ✅ | ✅ | ✅ | ✅ |
| Storyshots | ✅ | ✅ | ✅ | ✅ |
| 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 | ✅ | ✅ | ✅ | ✅ |
| storiesOf stories | ||||
| 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 | Solid | |
|---|---|---|---|---|---|---|
| Essentials | ||||||
| Actions | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Backgrounds | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Docs | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Viewport | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Controls | ✅ | |||||
| Measure | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Outline | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Addons | ||||||
| a11y | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| interactions | ✅ | ✅ | ✅ | ✅ | ||
| test-runner | ✅ | ✅ | ✅ | ✅ | ✅ | |
| test coverage | ✅ | ✅ | ✅ | ✅ | ✅ | |
| cssresources | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| design-assets | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| events | ✅ | ✅ | ✅ | ✅ | ✅ | |
| google-analytics | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| graphql | ||||||
| jest | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| knobs | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| links | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| queryparams | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| Storyshots | ✅ | ✅ | ✅ | ✅ | ✅ | |
| 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 | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| storiesOf stories | ✅ | |||||
| Inline stories | ✅ | ✅ | ||||
