Team Storybook is a way to host Storybooks in Azure and securely share them with your team and stakeholders using Microsoft Single Sign-On (SSO). If that sounds useful, you can sign up here.
Background
Storybook is an open-source tool for developing, testing, and documenting isolated front-end UI components. At Haptap, we use Storybook to work through various user scenarios and make sure the interface handles these well. Without Storybook we’d struggle to quickly test all the different states the UI might be in for any given Microsoft tenant.
Storybook showing part of our Call Setup Wizard
Running locally as a developer is simple (e.g. npm run storybook), but when
working with a remote team, I needed a way to share these Storybooks
asynchronously for review and feedback.
Why Not Chromatic?
The official Storybook site recommends Chromatic, a hosted service that includes visual testing and review workflows. However, while Chromatic is great, it didn’t meet my specific needs:
- I just wanted a basic Storybook instance online
- I needed Microsoft SSO so colleagues could log in with their existing work credentials
- Chromatic’s SSO support is only available on their Enterprise plan - that’s the plan above the $650/month Pro plan
That pricing didn’t make sense for our use case.
Presenting: Team Storybook
The above started as a draft blog post in February 2025 and a few months later has turned into a whole service with Team Storybook.
Team Storybook - providing user management via Microsoft SSO
Team Storybook is not a direct Chromatic competitor—it doesn’t offer visual diffing (yet)—but it does provide the core functionality I needed:
- Host your Storybooks in Azure
- Manage access through Microsoft SSO
- Share links with your team for easy review and feedback
All without the enterprise price tag.
Try It Out
Team Storybook is available for signup via both Microsoft Azure Marketplace and directly in Azure.
What’s Next?
I’d love for Team Storybook to grow based on user feedback. If you have feature requests or ideas, send them to [email protected]—I’ll reply personally to let you know what’s possible.