Skip to content

Storybook

Awesome Storybook Awesome

A curated list of awesome resources about Storybook's ecosystem 🎨

Storybook is a frontend tool for building UI components faster and easier.

Contributions welcome. Add links through pull requests or create an issue to start a discussion.

Official resources

Community resources

Examples

Tutorials

2022 - [Storybook React: A Beginner's Tutorial to UI Components](https://snipcart.com/blog/storybook-react-tutorial-example)
2020 - [Simple Storybook React Setup with Dark Mode Integration](https://davidyeiser.com/tutorials/storybook-react-with-dark-mode)
2018 - [Adding Storybook Style Guide to a Create React App](https://www.youtube.com/watch?v=va-JzrmaiUM) - [Build your components with Storybook](https://www.youtube.com/watch?v=_jttw14T52o)

Talks

2019 - [Storybook, le playground qu'il vous faut pour vos composants UI! (FR)](https://www.youtube.com/watch?v=zMpSwo03aKo)
2018 - [VueNYC - Learn Storybook](https://www.youtube.com/watch?v=XN398jfTwQI)
2017 - [React Storybook Tutorial with Examples - Getting Started with React Storybook](https://www.youtube.com/watch?v=E2c183LS4lA) - [React Storybook: Design, Dev, Doc, Debug Components - React Conf 2017](https://www.youtube.com/watch?v=PF0Vi-iIyoo)

Blog posts

2019 - [How I manage to make my Storybook project the most efficient possible](https://dev.to/loicgoyet/how-i-manage-to-make-my-storybook-project-the-most-efficient-possible-2d8o) - [Real-time accessibility testing with Storybook](https://medium.com/storybookjs/instant-accessibility-qa-linting-in-storybook-4a474b0f5347)
2018 - [Using Storybook with VueJS](https://auth0.com/blog/using-storybook-with-vuejs/) - [Setting up Storybook for Preact](https://www.nickyt.co/blog/setting-up-storybook-for-preact-p5a/) - [Setting Up a Component Library with React and Storybook](https://auth0.com/blog/setting-up-a-component-library-with-react-and-storybook/) - [Storybook - UI component development tool for React, Vue, and Angular (Article focusing on React)](https://dev.to/madhu/storybook---ui-component-development-tool-for-react-vue-and-angular-article-focusing-on-react-29od) - [Storybook vs Styleguidist](https://www.chromatic.com/blog/storybook-vs-styleguidist/)
2017 - [Five Reasons to Use Storybook Tests](https://spin.atomicobject.com/storybook-tests-react/)

Contributing

Contributions welcome! Read the contribution guidelines first.