Storybook 7 DocsAutomate with Chromatic
Storybook Day 2023
Back to Create an Addon
  • Introduction
  • Setup
  • Register addon
  • Track state
  • Decorators
  • Preset
  • Add to catalog
  • Conclusion


Help automate and extend Storybook

Congratulations! You created and published your first Storybook addon. Along the way you learnt about the inner workings of Storybook and just how truly customizable it is. 42% of JavaScript developers already use Storybook. The dynamic addon ecosystem is one of the top reasons why.

Create an addon and help the community customize and automate Storybook!

Getting started is straightforward. The Addon Kit offers everything you need to build an addon. With the addon API, you can add new features, automate workflows, and integrate with your favourite libraries. What’s more, you can share those addons with thousands of devs via the addon catalog.

Learn more

The addon documentation offers more guides, code samples and a knowledge base full of recipes.

If you’re coding along with us, your repositories should look like this: Sample addon repository. This example was based on the Storybook Addon Outline.

You can also reference other addons such as Pseudo States, Dark Mode and all other official addons.

Thanks for learning with us. Subscribe to the Storybook mailing list to get notified when helpful articles and guides like this are published.

Is this free guide helping you? Tweet to give kudos and help other devs find it.
✍️ Edit on GitHub – PRs welcome!
Join the community
5,959 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software

Maintained by
Special thanks to Netlify and CircleCI