← Projects
Storybook Previewer Extension
A Visual Studio Code extension that provides a live preview of Storybook stories directly within the editor.
Preview
Built with
TypeScript · VS Code Extension API · Storybook · WebView API
Overview
Storybook Previewer Extension revolutionizes the component development workflow by bringing Storybook previews directly into your Visual Studio Code editor. No more context switching between your IDE and browser - see your component stories update in real-time as you code.
Highlights
- Live preview of Storybook stories within VS Code
- Real-time updates as you modify component code
- Support for multiple Storybook versions
- Customizable preview panel layout
- Hot module replacement for instant feedback
- Navigation between stories without leaving the editor